Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino

I nga tau tata nei, ka nui ake nga papaaho mo te arotau i nga kaupapa o mua ka whai waahi mo te manaaki whaiaro, ki te takawaenga ranei i nga rauemi tuatoru. Ka taea e Akamai te whakarite tawhā motuhake mo nga URL hanga-whaiaro. Kei a Cloudflare te hangarau a Edge Workers. Ka taea e Fasterzine tuhi ano Ko nga URL kei runga i nga wharangi kia tohu ki nga rauemi tuatoru kei runga i te rohe matua o te pae.

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino

Mena kei te mohio koe ko nga ratonga tuatoru e whakamahia ana i roto i to kaupapa kaore i te rereke i te nuinga o te waa, a ka taea te whakapai ake i te huarahi tuku ki nga kaihoko, katahi ka whakaaro koe mo te takawaenga i aua ratonga. Ma tenei huarahi, ka taea e koe te kawe mai i enei rauemi kia tata atu ki o kaiwhakamahi me te whai mana katoa ki o raatau keteroki i te taha o te kiritaki. I tua atu, ka taea e koe te tiaki i nga kaiwhakamahi mai i nga raruraru i puta mai i te "tukinga" o te ratonga tuatoru-tuatoru, te kino ranei o ana mahi.

Pai: Kua pai ake te mahi

Ko te manaaki whaiaro i nga rauemi a tetahi atu ka pai ake te mahi ma te tino marama. Kaore e hiahia te kaitirotiro ki te uru ano ki te DNS, kaore e hiahia ki te whakatu hononga TCP me te mahi ruru ringa TLS i runga i te rohe tuatoru. Ka taea e koe te kite i te paanga o te manaaki whaiaro i nga rauemi a tetahi atu ki te mahi ma te whakataurite i nga whika e rua e whai ake nei.

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Ko nga rauemi tuatoru ka tangohia mai i nga puna o waho (i tangohia mai i mai i konei)

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Ko nga rauemi a te hunga tuatoru ka penapena ki te waahi kotahi me era atu o nga rauemi pae (i tangohia mai i mai i konei)

Kei te pai ake ano te ahuatanga na te mea ka whakamahia e te kaitirotiro te kaha ki te maha me te whakarite i nga raraunga mai i te hononga HTTP/2 kua oti te whakarite me te rohe matua.

Mena kaore koe e manaaki i nga rauemi tuatoru, na te mea ka utaina mai i tetahi rohe rereke mai i te mea matua, kaore e taea te whakarite i te kaupapa matua. Ma tenei ka whakataetae ratou tetahi ki tetahi mo te bandwidth a te kiritaki. Ka puta he wa uta mo nga ihirangi tino nui ki te hanga wharangi he roa ake i nga mea ka taea i raro i nga ahuatanga pai. konei korero mo te HTTP/2 kaupapa matua e whakamarama ana i enei mea katoa.

Ka taea te whakaaro ko te whakamahinga o nga huanga i roto i nga hononga ki nga rauemi o waho preconnect ka awhina i te whakaoti rapanga. Heoi, ki te mea he maha rawa enei hononga ki nga rohe rereke, ka taea e ia te whakakii i te raina korero i te waa tino nui.

Mena ka manaaki koe i nga rauemi tuatoru, ka taea e koe te whakahaere me pehea te hoatutanga o enei rauemi ki te kaihoko. Ara, e korero ana matou mo nga mea e whai ake nei:

  • Ka taea e koe te whakarite ka whakamahia te algorithm kōpeketanga raraunga e pai ana ki ia kaitirotiro (Brotli/gzip).
  • Ka taea e koe te whakanui ake i te wa keteroki mo nga rauemi kaore i te tino roa, ahakoa me nga kaiwhakarato tino rongonui (hei tauira, ko te uara e rite ana mo te tohu GA kua whakaritea ki te 30 meneti).

Ka taea e koe te toro atu i te TTL mo tetahi rauemi ki, penei, he tau ma te whakauru i nga ihirangi whai take ki to rautaki whakahaere keteroki (URL hashes, whakaputanga, me etahi atu). Ka korero tatou mo tenei i raro nei.

▍Ko te parenga ki te aukati i te whakahaeretanga o nga ratonga tuatoru, i te kati ranei

Ko tetahi atu ahuatanga whakamere o nga rauemi a-tuatoru e manaaki ana i a koe ano ka taea e koe te whakaiti i nga raru e pa ana ki te korenga o nga ratonga tuatoru. Me whakaaro ko te otinga whakamatautau A/B tuatoru e whakamahia ana e koe ka whakatinanahia hei tuhinga aukati e uta ana ki te waahanga upoko o te wharangi. He puhoi te uta o tenei tuhinga. Mena ka rahua te utaina o te tuhinga, ka noho kau te wharangi. Mena he roa rawa te utaina, ka puta te wharangi me te whakaroa roa. Ranei, ki te whakamahi te kaupapa i te whare pukapuka i tangohia mai i te rauemi CDN tuatoru. Me whakaaro tatou i raru tenei rauemi, i aukatihia ranei i tetahi whenua. Ko tenei ahuatanga ka arahi ki te takahi i te arorau o te waahi.

Ki te mohio me pehea te mahi o to pae ina kore e waatea etahi ratonga o waho, ka taea e koe te whakamahi i te waahanga SPOF i runga webpagetest.org.

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Wāhanga SPOF i te webpagetest.org

▍ He aha nga raru o te keteroki o nga rawa kei roto i nga kaitirotiro? (tohu: he pakiwaitara)

Ka whakaaro pea koe ma te whakamahi i nga CDN a-iwi ka pai ake te mahinga rauemi, i te mea he pai te kounga o enei ratonga, ka tohatoha ki te ao. Engari ko nga mea katoa he tino uaua ake.

Me kii he maha nga waahi rereke: website1.com, website2.com, website3.com. Ka whakamahia e enei waahi katoa te whare pukapuka jQuery. Ka hono atu ki a raatau ma te whakamahi i te CDN, hei tauira - googleapis.com. Ka taea e koe te tumanako ka tango te kaitirotiro me te keteroki i te whare pukapuka kotahi, katahi ka whakamahi puta noa i nga waahi e toru. Ka taea e tenei te whakaiti i te kawenga i runga i te whatunga. Ma tenei pea ka taea e koe te penapena moni ki tetahi waahi ka awhina i te whakapai ake i nga mahi rauemi. Mai i te tirohanga whaitake, he rereke nga mea katoa. Hei tauira, kei a Safari tetahi waahanga e kiia ana Te Whakanoho Awhina Maamaa: Ka whakamahia e te keteroki nga taviri rua i runga i te puna o te tuhinga me te puna o te rauemi tuatoru. konei tuhinga pai mo tenei kaupapa.

rangahau tawhito Yahoo и Facebook, me nga mea hou ake nei ako Paul Calvano, e whakaatu ana karekau nga rauemi e penapena ki roto i nga keteroki tirotiro mo te roa o te wa e tumanakohia ana e tatou: “He waahi nui kei waenganui i te wa keteroki o te kaupapa ake me nga rauemi a te hunga tuatoru. Kei te korero matou mo CSS me nga momotuhi tukutuku. Arā, 95% o nga momotuhi taketake he roa ake i te wiki, ko te 50% o nga momotuhi-tuatoru he iti ake i te wiki te ora keteroki! Ma tenei ka hoatu ki nga kaiwhakawhanake paetukutuku he take kaha ki te manaaki i nga konae momotuhi!"

Ko te mutunga, ki te manaaki koe i nga ihirangi a etahi atu, kare koe e kite i nga take mahi na te keteroki tirotiro.

Inaianei kua hipokina e matou nga kaha o te manaaki-whaiaro-tuatoru, me korero me pehea te whakaatu i te whakatinanatanga pai o tenei huarahi mai i te mea kino.

Te Kino: Ko te rewera kei roto i nga korero

Ko te neke i nga rauemi tuatoru ki to ake rohe kaore e taea te mahi aunoa me te kore e tino mohio kei te keteroki tika aua rauemi.

Ko tetahi o nga raru nui kei konei ko te wa keteroki. Hei tauira, ko nga korero putanga kei roto i nga ingoa tuhinga tuatoru penei: jquery-3.4.1.js. E kore e huri te momo konae a muri ake nei, na tenei ka kore he raru mo tana keteroki.

Engari ki te kore e whakamahia etahi kaupapa whakaputa i te wa e mahi ana me nga konae, nga tuhinga keteroki, ka huri nga korero ka noho tonu te ingoa konae, ka ngaro pea. He raru nui pea tenei, na te mea, hei tauira, kaore e whakaaehia kia taapirihia nga taapiri haumaru aunoa ki nga tuhinga e hiahia ana nga kaihoko ki te whiwhi tere. Me whakapau kaha te kaiwhakawhanake ki te whakahou i aua tuhinga i roto i te keteroki. Hei taapiri, ka raru pea te tono na te mea he rereke te waehere i whakamahia i runga i te kaihoko mai i te keteroki mai i te putanga hou o te waehere i hangaia ai te waahanga tūmau o te kaupapa.

Pono, ki te korero tatou mo nga rauemi e whakahoutia ana i nga wa katoa (nga kaiwhakahaere tohu, nga otinga mo te whakamatautau A/B), katahi ka keteroki ma te whakamahi i nga taputapu CDN he mahi ka taea te whakaoti, engari he uaua ake. Ko nga ratonga penei i te Commanders Act, he otinga whakahaere tohu, ka whakamahi i nga matapae tukutuku i te wa e whakaputa ana i nga putanga hou. Ma tenei ka taea e koe te kaha ki te peehi i te keteroki ki runga i te CDN, he pai ake ranei, te kaha ki te akiaki i te whakahou, te whakahou URL ranei.

▍ Te tuku urutau o nga rauemi ki nga kaihoko

I tua atu, ka korero tatou mo te keteroki, me whai whakaaro tatou ko nga tautuhinga keteroki e whakamahia ana i runga i te CDN kaore pea e pai mo etahi rauemi tuatoru. Hei tauira, ka whakamahi pea enei rauemi i te hangarau hongi a te kaihoko (whakauru) ki te mahi i nga kaitirotiro motuhake me nga momo momo ihirangi kua tino arotauhia mo aua kaitirotiro. Ko enei hangarau e whakawhirinaki ana ki nga korero auau, ki te papaaarangi korero o nga korero pane pane HTTP, ki te mohio ki nga kaha o te tirotiro. User-Agent. Ina mohio ana ratou ko tehea kaitirotiro e pa ana ki a raatau, ka hoatu e ratou he rauemi i hangaia mo taua mea.

I konei ka mahara koe ki nga ratonga e rua. Ko te tuatahi ko googlefonts.com. Ko te tuarua ko polyfill.io. Ko te ratonga Momotuhi a Google e whakarato ana, mo etahi rauemi, he momo waehere CSS, i runga i nga kaha o te kaitirotiro (he hono ki nga rauemi woff2 ma te whakamahi unicode-range).

Anei nga hua o nga patai a Google Fonts i mahia mai i nga kaitirotiro rereke.

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Ka puta te patai a Google Fonts mai i a Chrome

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Ko te hua o te patai a Google Fonts i mahia mai i IE10

Ka hoatu e Polyfill.io ki te tirotiro anake nga polyfills e hiahiatia ana. Ka mahia tenei mo nga take mahi.

Hei tauira, me titiro ki nga mea ka puta ki te whakahaere koe i te tono e whai ake nei mai i nga kaitirotiro rereke: https://polyfill.io/v3/polyfill.js?features=default

Hei whakautu mo taua tono i mahia mai i IE10, 34 KB o nga raraunga ka whiwhi. A ko te whakautu ki a ia, i mahia mai i a Chrome, ka noho kau.

Riri: Ētahi whakaaro tūmataiti

Ko tenei waahanga kei te raupapa whakamutunga, engari ehara i te mea tino nui. Ko te kaupapa ko te manaaki-whaiaro o nga rauemi tuatoru i runga i te rohe matua o te kaupapa, i runga ranei i tana subdomain ka taea te whakararu i te noho muna o nga kaiwhakamahi me te pa kino ki te kaupapa tukutuku matua.

Ki te kore e tika te whirihora o to punaha CDN, ka tukuna pea e koe nga pihikete o to rohe ki tetahi ratonga tuatoru. Mena karekau i whakaritea te tātari tika i te taumata CDN, katahi ka kore e taea te whakamahi i o pihikete wātū, i te tikanga JavaScript (me te httponly), ka tukuna pea ki tetahi kaihautu kee.

Koinei te mea ka pa ki nga kaiwhaiwhai penei i a Eulerian, Criteo ranei. Kua tautuhia pea e nga kaiwhaiwhai tuatoru he tohu motuhake ki te pihikete. Mēnā he wāhanga o ngā rauemi pae, ka taea e rātou te pānui i te pūtāutu i runga i tō rātou whakaaro i te wā e mahi ana te kaiwhakamahi me ngā rauemi tukutuku rerekē.

I enei ra, ko te nuinga o nga kaitirotiro kei te whakamarumaru mai i tenei momo whanonga aroturuki. Ko te mutunga mai, ka whakamahia e nga kaiwhaiwhai te hangarau inaianei Korowai CNAME, e whakapouri ana hei tuhi tuhi mo nga momo kaupapa. Ara, ka tukuna e nga kaiwhaiwhai nga rangatira o te waahi ki te taapiri i te CNAME ki o raatau tautuhinga mo tetahi rohe, ko te wahitau he rite te ahua o te huinga matapōkere.

Ahakoa kaore i te tūtohutia kia waatea nga pihikete paetukutuku ki nga roheroto katoa (hei tauira - *.website.com), he maha nga waahi ka mahi i tenei. I tenei take, ka tukuna aunoatia aua pihikete ki tetahi kaitaki-tuatoru. Ko te mutunga mai, kua kore e taea e tatou te korero mo tetahi mea tūmataiti.

Ano, ka tupu ano te mea ki nga pane HTTP Kiritaki-Awhi, ka tukuna ki te rohe matua anake, na te mea ka taea te whakamahi hei hanga matimati matimati kaiwhakamahi. Me mohio kei te whiriwhiri tika te ratonga CDN e whakamahia ana e koe i enei pane.

Ngā putanga

Mena kei te whakamahere koe ki te whakatinana i te manaaki-whaiaro o nga rauemi tuatoru, me hoatu e au etahi tohutohu:

  • Manaakihia o whare pukapuka JS tino nui, momotuhi me nga konae CSS. Ma tenei ka whakaiti i te tupono o te rahunga o te waahi, te paheketanga ranei o nga mahi na te kore rawa o te waahi o te rauemi mo te waahi na te he o tetahi ratonga tuatoru.
  • I mua i to keteroki i nga rauemi tuatoru i runga i te CDN, kia mohio kei te whakamahia etahi momo punaha whakaputa i te wa e whakaingoa ana i a raatau konae, ka taea ranei e koe te whakahaere i te huringa ora o enei rauemi ma te tautuhi-a-ringa, te tautuhi aunoa ranei i te keteroki CDN i te wa e whakaputa ana i te putanga hou o te tuhinga.
  • Kia tupato ki to CDN, tūmau takawaenga, me to tautuhinga keteroki. Ma tenei ka taea e koe te aukati i to kaupapa, pane ranei kia tukuna mai he pihikete Client-Hints ratonga tuatoru.

E nga kaipānui aroha! Kei te manaaki koe i nga rauemi a etahi atu tangata ki runga i o tuumau he mea tino nui mo te whakahaere o au kaupapa?

Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino
Ko te manaaki whaiaro i nga rauemi tuatoru: te pai, te kino, te kino

Source: will.com

Tāpiri i te kōrero