Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy

Tao anatin'ny taona vitsivitsy izay, sehatra maro kokoa ho an'ny fanatsarana ny tetikasa eo anoloana dia manome fahafahana ho an'ny fampiantranoana tena na ny proxy ho an'ny loharanon'ny antoko fahatelo. Akamai dia mamela anao hametraka masontsivana manokana ho an'ny URL noforonin'ny tena. Cloudflare dia manana teknolojia Edge Workers. Fasterzine afaka mamerina manoratra URL amin'ny pejy mba hanondroana ireo loharanon'antoko fahatelo hita ao amin'ny sehatra lehibe amin'ny tranokala.

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy

Raha fantatrao fa tsy miova matetika ny serivisy an'ny antoko fahatelo ampiasaina amin'ny tetikasanao, ary azo hatsaraina ny fizotran'ny fanaterana azy ireo amin'ny mpanjifa, dia mety hieritreritra ny hanao proxy ianao. Amin'ny alalan'ity fomba fiasa ity dia azonao atao tsara ny mitondra ireo loharano ireo ho akaiky kokoa ny mpampiasa anao ary mahazo fifehezana feno kokoa amin'ny caching azy ireo amin'ny lafiny mpanjifa. Izany, ho fanampin'izany, dia ahafahanao miaro ny mpampiasa amin'ny olana ateraky ny "fianjeran'ny" serivisy an'ny antoko fahatelo na ny fahasimban'ny fahombiazany.

Tsara: Nihatsara ny fampisehoana

Ny fampiantranoana tena ny loharanon'olon-kafa dia manatsara ny fahombiazany amin'ny fomba miharihary. Tsy mila miditra DNS indray ny navigateur, tsy mila manangana fifandraisana TCP izy ary manao fifampikasohana TLS amin'ny sehatra antoko fahatelo. Azonao atao ny mahita ny fiantraikan'ny fampiantranoana tena ho an'ny loharanon'olona hafa amin'ny fampitahana ireto tarehimarika roa manaraka ireto.

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
Ny loharanon'ny antoko fahatelo dia alaina avy amin'ny loharano ivelany (nalaina avy amin'ny avy eto)

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
Ny loharanon'ny antoko fahatelo dia voatahiry ao amin'ny toerana mitovy amin'ireo fitaovana sisa tavela (nalaina tamin'ny avy eto)

Mihatsara ihany koa ny toe-javatra satria ny navigateur dia hampiasa ny fahafahana manao multiplex sy mametraka laharam-pahamehana ny angona avy amin'ny fifandraisana HTTP/2 izay efa napetraka miaraka amin'ny sehatra lehibe.

Raha tsy mampiantrano loharanon'antoko fahatelo ianao, dia tsy azo atao laharam-pahamehana izy ireo satria ho entina avy amin'ny sehatra tsy mitovy amin'ny lehibe. Izany dia hahatonga azy ireo hifaninana amin'ny bandwidth ho an'ny mpanjifa. Izany dia mety hiteraka fotoana fandefasana votoaty manan-danja amin'ny fananganana pejy lava lavitra noho izay mety ho tratra amin'ny toe-javatra mety indrindra. eto miresaka momba ny laharam-pahamehana HTTP/2 izay manazava tsara izany rehetra izany.

Azo heverina fa ny fampiasana ny toetra amin'ny rohy mankany amin'ny loharano ivelany preconnect hanampy amin'ny famahana ny olana. Na izany aza, raha be loatra amin'ireo rohy ireo amin'ny sehatra samihafa, dia mety hameno ny zotram-pifandraisana amin'ny fotoana tena manan-danja.

Raha mampiantrano loharanon'antoko fahatelo ianao dia azonao atao ny mifehy ny fomba hanomezana ireo loharano ireo ho an'ny mpanjifa. Izany hoe, miresaka momba ireto manaraka ireto isika:

  • Azonao atao ny miantoka fa ny algorithm famatrarana data izay mifanaraka indrindra amin'ny navigateur tsirairay dia ampiasaina (Brotli/gzip).
  • Azonao atao ny mampitombo ny fotoana fitahirizana ho an'ny loharano izay matetika tsy dia lava loatra, na dia amin'ireo mpamatsy fanta-daza indrindra aza (ohatra, ny sanda mifanaraka amin'ny mari-pamantarana GA dia napetraka amin'ny 30 minitra).

Azonao atao mihitsy aza ny manitatra ny TTL ho an'ny loharano iray, ohatra, herintaona amin'ny fampidirana votoaty mifandraika amin'ny paikady fitantanana caching (URL hashes, versioning, sns.). Hiresaka momba izany eto ambany isika.

▍ Fiarovana amin'ny fahatapahana amin'ny fampandehanana ny serivisy an'ny antoko fahatelo na ny fanakatonana azy ireo

Ny lafiny iray hafa mahaliana amin'ny fampiantranoana ny loharanon'ny antoko fahatelo dia mamela anao hanamaivana ny risika mifandray amin'ny fahatapahan'ny serivisy an'ny antoko fahatelo. Andeha hatao hoe ny vahaolana fitsapana A/B avy amin'ny antoko fahatelo ampiasainao dia ampiharina ho script fanakanana izay mipetaka ao amin'ny lohan'ny pejy. Mitondra miadana ity script ity. Raha toa ka tsy voapetraka ny script mifanaraka amin'izany dia ho foana ny pejy. Raha ela be ny fandefasana azy dia hiseho miaraka amin'ny fahatarana lava ny pejy. Na, eritrereto hoe mampiasa tranomboky alaina avy amin'ny loharano CDN antoko fahatelo ny tetikasa. Alao sary an-tsaina hoe tsy nahomby io loharanon-karena io na voasakana tany amin'ny firenena iray. Ny toe-javatra toy izany dia hitarika amin'ny fanitsakitsahana ny lojikan'ny tranokala.

Mba hahitana ny fomba fiasan'ny tranokalanao rehefa tsy misy serivisy ivelany dia azonao ampiasaina ny fizarana SPOF amin'ny webpagetest.org.

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
fizarana SPOF ao amin'ny webpagetest.org

▍ Ahoana ny amin'ny olana amin'ny fitahirizana fitaovana ao amin'ny navigateur? (soso-kevitra: angano io)

Mety hieritreritra ianao fa ny fampiasana CDN ho an'ny daholobe dia hitarika ho azy amin'ny fampandehanana loharano tsara kokoa, satria manana tambajotra avo lenta ireo serivisy ireo ary miparitaka manerana izao tontolo izao. Saingy ny zava-drehetra dia somary sarotra kokoa.

Andeha atao hoe manana tranokala maro samihafa isika: website1.com, website2.com, website3.com. Ireo tranonkala rehetra ireo dia mampiasa ny tranomboky jQuery. Ampifandraisinay amin'izy ireo izany amin'ny fampiasana CDN, ohatra - googleapis.com. Azonao atao ny manantena fa ny navigateur dia misintona sy mitahiry ny tranomboky indray mandeha, ary avy eo dia ampiasao izany amin'ny tranokala telo. Mety hampihena ny enta-mavesatra eo amin'ny tambajotra izany. Angamba izany dia ahafahanao mitahiry vola any amin'ny toerana iray ary manampy amin'ny fanatsarana ny fahombiazan'ny loharano. Raha ny fomba fijery azo ampiharina, dia samy hafa ny zava-drehetra. Ohatra, Safari dia manana endri-javatra antsoina hoe Fisorohana ny zotram-pitsikilovana: Ny cache dia mampiasa fanalahidy roa mifototra amin'ny loharanon'ny antontan-taratasy sy ny loharanon'ny loharanon'ny antoko fahatelo. eto lahatsoratra tsara momba ity lohahevitra ity.

fianarana taloha Yahoo ΠΈ Facebook, ary koa ny vao haingana fianarana Paul Calvano, dia asehoy fa tsy voatahiry ao amin'ny cache navigateur mandritra ny fotoana maharitra ny loharanon-karena araka izay mety eritreretintsika: β€œMisy elanelana lehibe eo amin'ny fotoana fitahirizana ny loharanon'ny tetikasa manokana sy ny an'ny antoko fahatelo. Miresaka momba ny CSS sy ny endri-tsoratra web isika. Izany hoe, ny 95% amin'ny endritsoratra teratany dia manana fiainana cache mihoatra ny herinandro, raha ny 50% amin'ny endritsoratra an'ny antoko fahatelo kosa dia manana fiainana cache latsaky ny herinandro! Izany dia manome antony marim-pototra ho an'ny mpamorona tranonkala hampiantrano ny rakitra endri-tsoratra!

Vokatr'izany, raha mampiantrano ny votoatin'ny olon-kafa ianao, dia tsy ho tsikaritrao ny olana amin'ny fampisehoana vokatry ny caching navigateur.

Rehefa avy namarana ny tanjaky ny fampiantranoana tena avy amin'ny antoko fahatelo isika izao, andao hiresaka momba ny fomba hilazana ny fampiharana tsara an'io fomba fiasa io amin'ny fomba ratsy.

Ny ratsy: Ny devoly dia ao anatin'ny antsipiriany

Tsy azo atao ho azy ny famindrana loharanon'antoko fahatelo mankany amin'ny sehatra misy anao raha tsy misy antoka fa voatahiry tsara ny loharanon-karena toy izany.

Ny iray amin'ireo olana lehibe eto dia ny fotoana caching. Ohatra, ny fampahalalana momba ny dikan-teny dia ampidirina amin'ny anaran'ny script an'ny antoko fahatelo toy izao: jquery-3.4.1.js. Ny rakitra toy izany dia tsy hiova amin'ny ho avy, ary vokatr'izany dia tsy hiteraka olana amin'ny caching azy izany.

Saingy raha toa ka tsy ampiasaina ny teti-pivoarana sasany rehefa miasa miaraka amin'ny rakitra, dia mety ho lany andro ny soratra voatahiry, izay miova ny ao anatiny raha mbola tsy miova ny anaran'ny rakitra. Mety ho olana lehibe izany, satria izy io, ohatra, dia tsy mamela ny paty fiarovana mandeha ho azy ho ampidirina amin'ny script izay ilain'ny mpanjifa horaisina haingana araka izay azo atao. Ny mpamorona dia tsy maintsy miezaka ny manavao ny script toy izany ao amin'ny cache. Ankoatr'izay, mety hiteraka tsy fahombiazan'ny fampiharana izany noho ny zava-misy fa ny kaody ampiasaina amin'ny mpanjifa avy amin'ny cache dia tsy mitovy amin'ny dikan-teny farany amin'ny code izay nanamboarana ny ampahany amin'ny tetikasa.

Marina fa raha miresaka momba ny fitaovana izay havaozina matetika isika (manager tag, vahaolana amin'ny fitiliana A/B), dia asa azo vahana ny fametahana azy ireo amin'ny fampiasana fitaovana CDN, saingy sarotra kokoa. Serivisy toy ny Commanders Act, vahaolana fitantanana tag, dia mampiasa webhooks rehefa mamoaka dikan-teny vaovao. Izany dia manome anao ny fahafahana hanery ny cache flush amin'ny CDN, na, tsara kokoa, ny fahafahana hanery ny hash na URL fanavaozana.

▍ Fanaterana fitaovana mifanaraka amin'ny mpanjifa

Ankoatr'izay, rehefa miresaka momba ny caching isika, dia mila mandinika ny zava-misy fa ny firafitry ny caching ampiasaina amin'ny CDN dia mety tsy mety amin'ny loharanon'ny antoko fahatelo. Ohatra, ny loharanon-karena toy izany dia mety hampiasa ny teknΓ΄lΓ΄jia sniffing agents (adaptive service) mba hanompoana ireo mpitety tranonkala manokana miaraka amin'ny dikan-doko namboarina manokana ho an'ireo navigateur ireo. Ireo teknolojia ireo dia miankina amin'ny fomba fiteny mahazatra, na angon-drakitra momba ny fampahalalana lohapejy HTTP, mba hamantarana ny fahaizan'ny navigateur. User-Agent. Rehefa fantatr'izy ireo izay navigateur iarahany dia omeny fitaovana natao ho azy izany.

Eto ianao dia afaka mahatsiaro serivisy roa. Ny voalohany dia googlefonts.com. Ny faharoa dia polyfill.io. Ny serivisy Google Fonts dia manome, ho an'ny loharano iray, kaody CSS isan-karazany, miankina amin'ny fahaizan'ny navigateur (manome rohy mankany amin'ny loharano woff2 mampiasa unicode-range).

Ireto ny valin'ny fanontaniana Google Fonts roa avy amin'ny navigateur samihafa.

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
Vokatry ny fangatahana Google Fonts avy amin'ny Chrome

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
Vokatry ny fangatahana Google Fonts natao tamin'ny IE10

Polyfill.io dia manome ny navigateur ihany ny polyfills ilainy. Izany dia noho ny antony fampisehoana.

Ohatra, andeha hojerentsika ny zava-mitranga raha manao ity fangatahana manaraka ity amin'ny navigateur samihafa ianao: https://polyfill.io/v3/polyfill.js?features=default

Ho valin'ny fangatahana toy izany avy amin'ny IE10, 34 KB ny angon-drakitra azo raisina. Ary ho foana ny valin'izany, novonoina tamin'ny Chrome.

Tezitra: Hevitra sasantsasany momba ny fiainana manokana

Ity teboka ity dia amin'ny filaharana farany, fa tsy ny kely indrindra. Ny tiana holazaina dia ny fampiantranoana tena ireo loharanon'antoko fahatelo amin'ny sehatra lehibe amin'ny tetikasa na amin'ny subdomain-ny dia mety hanohintohina ny fiainana manokan'ny mpampiasa ary hisy fiantraikany ratsy amin'ny tetikasan-tranonkala lehibe.

Raha tsy voarindra tsara ny rafitra CDN-nao, dia mety ho alefanao any amin'ny serivisy antoko fahatelo ny cookies an'ny fonenanao. Raha tsy voalamina amin'ny ambaratonga CDN ny sivana mety, dia ny cookies session-nao, izay matetika tsy azo ampiasaina amin'ny JavaScript (miaraka amin'ny httponly), azo alefa any amin'ny mpampiantrano vahiny.

Izany indrindra no mety hitranga amin'ny mpanaraka toa an'i Eulerian na Criteo. Mety nametraka famantarana tokana ao amin'ny cookie ny mpanara-dia antoko fahatelo. Raha anisan'ny fitaovan'ny tranokala izy ireo, dia afaka namaky ny famantarana araka ny tokony ho izy izy ireo raha mbola miasa amin'ny loharanon-tranonkala samihafa ny mpampiasa.

Amin'izao andro izao, ny ankamaroan'ny mpitety tranonkala dia misy fiarovana amin'ity karazana fihetsika tracker ity. Vokatr'izany dia mampiasa teknolojia ny mpanara-maso ankehitriny CNAME Cloaking, misandoka ho toy ny sora-baventy ho an'ny tetikasa isan-karazany. Izany hoe, ny mpanara-dia dia manolotra ny tompon'ny tranokala mba hampiditra CNAME amin'ny firafiny ho an'ny sehatra iray, ny adiresin'izy ireo matetika dia toa andiana tarehintsoratra kisendrasendra.

Na dia tsy soso-kevitra aza ny manao cookies amin'ny tranokala ho an'ny zana-tohatra rehetra (ohatra - *.website.com), tranonkala maro no manao izany. Amin'ity tranga ity, ny cookies toy izany dia alefa ho azy any amin'ny mpanara-maso antoko fahatelo misaron-tava. Vokatr'izany dia tsy afaka miresaka momba ny fiainana manokana intsony izahay.

Toy izany koa no mitranga amin'ny lohatenin'ny HTTP Client-Torohevitra, izay alefa any amin'ny sehatra lehibe ihany, satria azo ampiasaina hamoronana fanondro nomerika mpampiasa. Ataovy azo antoka fa ny serivisy CDN ampiasainao dia manivana tsara ireo lohapejy ireo.

vokatra

Raha mikasa ny hampiantrano tena ho an'ny loharanon'ny antoko fahatelo tsy ho ela ianao dia mamelΓ  ahy hanome anao torohevitra vitsivitsy:

  • Ampidiro ny tranomboky JS, endritsoratra ary rakitra CSS manan-danja indrindra. Izany dia hampihena ny loza mety hitranga amin'ny tsy fahombiazan'ny tranokala na ny fahasimban'ny fampandehanana noho ny tsy fisian'ny loharano iray tena ilaina amin'ny tranokala noho ny hadisoan'ny serivisy an'ny antoko fahatelo.
  • Alohan'ny hanafenanao ireo loharanon'antoko fahatelo ao amin'ny CDN, dia ataovy izay hahazoana antoka fa misy karazana rafitra fanovΓ na ampiasaina rehefa manonona ny rakitra, na azonao atao ny mitantana ny fiainan'ireo loharano ireo amin'ny alΓ lan'ny famerenana amin'ny tanana na ho azy ny cache CDN rehefa mamoaka dikan-teny vaovao. ny script.
  • Mitandrema tsara momba ny CDN, mpizara proxy, ary ny firafitry ny cache. Izany dia ahafahanao manakana ny tetikasanao na ny lohateninao tsy handefa cookies Client-Hints serivisy antoko fahatelo.

Ry mpamaky malala! Moa ve ianao mampiantrano ny fitaovan'ny olon-kafa amin'ny lohamilinao izay tena zava-dehibe amin'ny fampandehanana ny tetikasanao?

Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy
Loharanon'ny antoko fahatelo mampiantrano tena: ny tsara, ny ratsy, ny ratsy

Source: www.habr.com

Add a comment