Lilemong tsa morao tjena, li-platform tse ntseng li eketseha tsa ho ntlafatsa merero ea pele li fana ka menyetla ea ho iketsetsa motho kapa ho etsa proxy lisebelisoa tsa batho ba bang. Akamai e u lumella ho beha bakeng sa li-URL tse iketselitseng. Cloudflare e na le theknoloji ea Edge Workers. Fasterzine e ka khona Li-URL tse maqepheng e le hore li supe mehloli ea batho ba boraro e fumanehang sebakeng se seholo sa sebaka sa marang-rang.
Haeba u tseba hore litšebeletso tsa mekhatlo ea boraro tse sebelisoang morerong oa hau ha li fetohe hangata, le hore mokhoa oa ho li isa ho bareki o ka ntlafatsoa, joale mohlomong u nahana ka ho fana ka litšebeletso tse joalo. Ka mokhoa ona, o ka tlisa lisebelisoa tsena haufi le basebelisi ba hau mme oa fumana taolo e felletseng ea caching ea bona lehlakoreng la bareki. Ho phaella moo, sena se u lumella ho sireletsa basebelisi mathateng a bakoang ke "ho senyeha" ha tšebeletso ea motho oa boraro kapa ho senyeha ha tshebetso ea eona.
Molemo: Ts'ebetso e ntlafetseng
Ho amohela lisebelisoa tsa motho e mong ho ntlafatsa ts'ebetso ka tsela e hlakileng haholo. Sebatli ha se hloke ho fihlella DNS hape, ha se hloke ho theha khokahano ea TCP le ho ts'oarana ka letsoho TLS sebakeng sa motho oa boraro. U ka bona kamoo ho amohela lisebelisoa tsa motho e mong ho amang ts'ebetso ka ho bapisa lipalo tse peli tse latelang.
Lisebelisoa tsa motho oa boraro li jarolloa ho tsoa mehloling e kantle (e nkiloeng ho )
Lisebelisoa tsa motho oa boraro li bolokiloe sebakeng se le seng le lisebelisoa tse ling tsa sebaka sa marang-rang (tse nkiloeng ho )
Boemo bo boetse bo ntlafatsoa ke taba ea hore sebapali se tla sebelisa bokhoni ba ho multiplex le ho beha data pele ho tswa ho HTTP / 2 e seng e thehiloe le sebaka se seholo.
Haeba u sa amohele lisebelisoa tsa motho oa boraro, joale kaha li tla laeloa ho tsoa sebakeng se fapaneng le sa mantlha, li ke ke tsa beoa pele. Sena se tla etsa hore ba qothisane lehlokoa le ba bang bakeng sa bandwidth ea moreki. Sena se ka fella ka nako ea ho jarolla litaba tsa bohlokoa bakeng sa ho aha leqephe le lelelele ho feta se neng se ka finyelloa tlas'a maemo a loketseng. bua ka ho etelletsa pele HTTP/2 e hlalosang tsena tsohle hantle.
Ho ka nahanoa hore tšebeliso ea litšoaneleho tse amanang le mehloli ea kantle preconnect e tla thusa ho rarolla bothata. Leha ho le joalo, haeba ho na le lihokelo tse ngata haholo tsa libaka tse fapaneng, e ka hlakisa mohala oa puisano ka nako ea bohlokoahali.
Haeba u amohela lisebelisoa tsa motho oa boraro, u ka khona ho laola hore na lisebelisoa tsena li fuoa moreki joang. Ka mantsoe a mang, re bua ka tse latelang:
- U ka etsa bonnete ba hore ho sebelisoa algorithm ea compression ea data e loketseng sebatli se seng le se seng (Brotli/gzip).
- U ka eketsa nako ea caching bakeng sa lisebelisoa tseo hangata li seng nako e telele haholo, esita le ka bafani ba tsebahalang haholo (mohlala, boleng bo lumellanang ba tag ea GA bo behiloe metsotso e 30).
U ka ba ua atolosa TTL bakeng sa sesebelisoa, ho re, selemo ka ho kenyelletsa litaba tse amehang leanong la hau la ho laola caching ( URL hashes, versioning, joalo-joalo). Re tla bua ka sena ka tlase.
▍ Tšireletso khahlanong le litšitiso ts'ebetsong ea litšebeletso tsa batho ba bang kapa ho tima ha tsona
Ntho e 'ngoe e thahasellisang ea ho itlhokomela ka lisebelisoa tsa motho oa boraro ke hore e u lumella ho fokotsa likotsi tse amanang le ho tima ha litšebeletso tsa batho ba bang. Ha re nke hore tharollo ea tlhahlobo ea A/B ea motho oa boraro eo u e sebelisang e kenngoe tšebetsong e le sengoloa se thibelang se jarollang karolong ea hlooho ea leqephe. Sengoliloeng sena se hlaha butle. Haeba script e tsamaisanang e hloleha ho kenya, leqephe le tla be le se na letho. Haeba ho nka nako e telele ho kenya, leqephe le tla hlaha ka tieho e telele. Kapa, a re re projeke e sebelisa laeborari e jarollotsoeng ho tsoa mohloling oa motho oa boraro oa CDN. A re nke hore mohloli ona o ile oa hlōleha kapa o ne o thibetsoe naheng e itseng. Boemo bo joalo bo tla lebisa ho tlōlo ea logic ea sebaka seo.
Ho fumana hore na sebaka sa hau sa marang-rang se sebetsa joang ha litšebeletso tse ling tsa kantle li le sieo, u ka sebelisa karolo ea SPOF ho .
Karolo ea SPOF ho webpagetest.org
▍Ho thoe'ng ka mathata a ho boloka boitsebiso ho li-browser? (tlhahiso: ke tšōmo)
U ka nahana hore ho sebelisa li-CDN tsa sechaba ho tla lebisa ts'ebetsong e ntle ea lisebelisoa, kaha lits'ebeletso tsena li na le marang-rang a boleng bo holimo 'me li ajoa lefatšeng ka bophara. Empa ntho e 'ngoe le e' ngoe e hlile e rarahane haholoanyane.
Ha re re re na le libaka tse 'maloa tse fapaneng: website1.com, website2.com, website3.com. Liwebsaete tsena kaofela li sebelisa laebrari ea jQuery. Re e hokahanya le bona ka CDN, mohlala - googleapis.com. U ka lebella hore sebatli se khoasolle le ho boloka laebrari hang, ebe u se sebelisa libakeng tsohle tse tharo. Sena se ka fokotsa mojaro marang-rang. Mohlomong sena se tla u lumella ho boloka chelete kae-kae le ho thusa ho ntlafatsa ts'ebetso ea lisebelisoa. Ho ea ka pono e sebetsang, ntho e 'ngoe le e' ngoe e shebahala e fapane. Ka mohlala, Safari e na le tšobotsi e bitsoang : Cache e sebelisa linotlolo tse peli ho latela mohloli oa tokomane le mohloli oa mohloli oa motho oa boraro. sengoloa se setle ka taba ena.
lithuto tsa khale и , hammoho le tsa morao-rao Paul Calvano, e bonts'a hore lisebelisoa ha li bolokoe ka har'a li-browser ka nako e telele kamoo re ka lebellang: "Ho na le lekhalo le tebileng lipakeng tsa nako ea caching ea lisebelisoa tsa projeke le tsa batho ba bang. Re bua ka CSS le lifonti tsa webo. Ka mantsoe a mang, 95% ea lifonti tsa matsoalloa li na le bophelo ba cache nako e fetang beke, athe 50% ea lifonti tsa mokha oa boraro li na le nako e ka tlase ho beke! Sena se fa baetsi ba marang-rang lebaka le matla la ho amohela lifaele tsa fonte ka bobona!
Ka lebaka leo, haeba u amohela litaba tsa batho ba bang, u ke ke ua hlokomela mathata a ts'ebetso a bakoang ke caching ea sebatli.
Kaha joale re se re koahetse matla a ho iketsetsa motho oa boraro, a re ke re bue ka mokhoa oa ho bolela ts'ebetsong e ntle ea mokhoa ona ho tloha ho o mobe.
The Bad: Diabolose o ka lintlha
Ho tsamaisa lisebelisoa tsa motho oa boraro sebakeng sa hau sa marang-rang ho ke ke ha etsoa ka bohona ntle le ho netefatsa hore lisebelisoa tse joalo li bolokiloe hantle.
E 'ngoe ea mathata a ka sehloohong mona ke nako ea ho boloka nako. Mohlala, lintlha tsa mofuta ona li kenyellelitsoe mabitsong a mang a mang a kang ana: jquery-3.4.1.js. Faele e joalo e ke ke ea fetoha nakong e tlang, 'me ka lebaka leo sena se ke ke sa baka mathata leha e le afe ka caching ea eona.
Empa haeba mokhoa o mong oa ho fetolela o sa sebelisoe ha o sebetsa le lifaele, li-scripts tse bolokiloeng, tse ka hare ho tsona li fetohang ha lebitso la faele le ntse le sa fetohe, li ka 'na tsa siuoa ke nako. Sena e ka ba bothata bo tebileng, hobane, ka mohlala, ha e lumelle li-patches tsa ts'ireletso tse ikemetseng hore li kenngoe mangolong ao bareki ba lokelang ho a fumana kapele kamoo ho ka khonehang. Moqapi o tla tlameha ho etsa boiteko ba ho nchafatsa mangolo a joalo ka har'a cache. Ho phaella moo, sena se ka baka ho hlōleha ha kopo ka lebaka la hore khoutu e sebelisoang ho mofani oa cache e fapane le phetolelo ea morao-rao ea khoutu eo karolo ea seva ea morero e etselitsoeng eona.
Ke 'nete, haeba re bua ka lisebelisoa tse nchafatsoang khafetsa (batsamaisi ba li-tag, litharollo tsa tlhahlobo ea A / B), ebe ho li boloka ka lisebelisoa tsa CDN ke mosebetsi o ka rarolloang, empa o rarahane haholo. Litšebeletso tse kang Commands Act, tharollo ea tsamaiso ea li-tag, sebelisa li-webhooks ha u phatlalatsa mefuta e mecha. Sena se u fa bokhoni ba ho qobella cache flush ho CDN, kapa, ho molemo le ho feta, bokhoni ba ho qobella hash kapa URL update.
▍ Ho tlisa lisebelisoa ho bareki
Ho phaella moo, ha re bua ka caching, re lokela ho ela hloko taba ea hore litlhophiso tsa caching tse sebelisoang ho CDN li ka 'na tsa se ke tsa tšoanela mehloli e meng ea batho ba bang. Mohlala, lisebelisoa tse joalo li ka sebelisa theknoloji ea ho fofonela (adaptive service) ho fana ka libatli tse ikhethileng tse nang le litaba tse ntlafalitsoeng ka ho khetheha bakeng sa libatli tseo. Theknoloji ena e itšetlehile ka lipolelo tse tloaelehileng, kapa polokelo ea boitsebiso ba lihlooho tsa HTTP, ho fumana bokhoni ba sebatli. User-Agent. Hang ha ba tseba hore na ba sebetsana le sebatli sefe, ba se fa lisebelisoa tse etselitsoeng sona.
Mona o ka hopola litšebeletso tse peli. Ea pele ke googlefonts.com. Ea bobeli ke polyfill.io. Ts'ebeletso ea Google Fonts e fana ka, bakeng sa sesebelisoa se itseng, khoutu e fapaneng ea CSS, ho latela bokhoni ba sebatli (ho fana ka likhokahano ho lisebelisoa tsa woff2 ho sebelisa unicode-range).
Mona ke liphetho tsa lipotso tse 'maloa tsa Google Fonts tse entsoeng ho tsoa ho libatli tse fapaneng.
Sephetho sa potso ea Fonts ea Google ho tsoa ho Chrome
Sephetho sa potso ea Fonts ea Google e entsoeng ho tsoa ho IE10
Polyfill.io e fa sebatli feela li-polyfill tseo se li hlokang. Sena se etsoa ka mabaka a ts'ebetso.
Mohlala, ha re shebeng hore na ho etsahala'ng haeba u etsa kopo e latelang ho tsoa ho libatli tse fapaneng:
Ho arabela kopo e joalo e entsoeng ho tsoa ho IE10, 34 KB ea data e tla amoheloa. 'Me karabo ho eona, e entsoeng ho tsoa ho Chrome, e tla be e se na letho.
Ho halefa: Lintlha tse ling tsa ho ba boinotšing
Ntlha ena ke ea ho qetela ka tatellano, empa ha e bohlokoa hakaalo. Taba ke hore ho iketsetsa lisebelisoa tsa batho ba boraro sebakeng se seholo sa morero kapa ho subdomain ea eona ho ka senya boinotši ba basebelisi le ho ama morero o moholo oa websaete hampe.
Haeba sistimi ea hau ea CDN e sa hlophisoa ka nepo, u ka qetella u rometse li-cookies tsa sebaka sa hau ho tšebeletso ea batho ba bang. Haeba ho sefa ho nepahetseng ho sa hlophisoa boemong ba CDN, joale li-cookies tsa hau tsa thuto, tseo hangata li ke keng tsa sebelisoa ho JavaScript (ka httponly), e ka romeloa ho moamoheli oa naha esele.
Sena ke sona se ka etsahalang ka li-trackers tse kang Eulerian kapa Criteo. Li-trackers tsa mokha oa boraro li kanna tsa bea sekhetho se ikhethileng ka har'a kuku. Haeba e ne e le karolo ea lisebelisoa tsa sebaka sa marang-rang, ba ne ba ka bala sesupo ka boikhethelo ba bona ha mosebelisi a ntse a sebetsa ka lisebelisoa tse fapaneng tsa webo.
Matsatsing ana, li-browser tse ngata li kenyelletsa tšireletso khahlanong le mofuta ona oa boitšoaro ba tracker. Ka lebaka leo, li-trackers hona joale li sebelisa theknoloji , ba ikhakanya e le mangolo a bona a merero e fapaneng. Ka mantsoe a mang, li-trackers li fana ka beng ba sebaka sa marang-rang ho kenyelletsa CNAME ho litlhophiso tsa bona bakeng sa sebaka se itseng, seo aterese ea sona hangata e shebahalang joalo ka litlhaku tse sa reroang.
Le hoja ho sa khothaletsoe ho etsa hore li-cookie tsa marang-rang li fumanehe ho li-subdomain tsohle (mohlala - * .website.com), libaka tse ngata li etsa sena. Tabeng ena, li-cookies tse joalo li romeloa ka bohona ho tracker ea motho oa boraro e ipatileng. Ka lebaka leo, ha re sa khona ho bua ka lekunutu leha e le lefe.
Hape, ntho e tšoanang e etsahala ka lihlooho tsa HTTP , tse rometsoeng feela sebakeng se seholo, kaha li ka sebelisoa ho bopa mosebedisi. Etsa bonnete ba hore tšebeletso ea CDN eo u e sebelisang e sefa lihlooho tsena ka nepo.
Liphello
Haeba u rera ho kenya tšebetsong lisebelisoa tsa motho oa boraro haufinyane, e re ke u fe likeletso:
- Shebella lilaeborari tsa hau tsa bohlokoa tsa JS, lifonti le lifaele tsa CSS. Sena se tla fokotsa kotsi ea ho hloleha ha sebaka kapa ho senyeha ha ts'ebetso ka lebaka la hore sesebelisoa sa bohlokoa sa sebaka sa marang-rang ha se fumanehe ka lebaka la phoso ea ts'ebeletso ea mokha oa boraro.
- Pele o boloka lisebelisoa tsa mokha oa boraro ho CDN, etsa bonnete ba hore mofuta o itseng oa sistimi ea ho fetolela o sebelisoa ha o reha lifaele tsa bona, kapa o ka khona ho laola mokhoa oa bophelo oa lisebelisoa tsena ka ho hlophisa cache ea CDN ka letsoho kapa ka boits'oaro ha o phatlalatsa mofuta o mocha. mongolo.
- Eba hlokolosi haholo ka CDN ea hau, seva sa proxy, le litlhophiso tsa cache. Sena se tla u lumella ho thibela morero kapa lihlooho tsa hau ho romelloa li-cookie
Client-Hintslitšebeletso tsa batho ba bang.
Babali ba ratehang! Na u amohela lisebelisoa tsa batho ba bang ho li-server tsa hau tse bohlokoa haholo ts'ebetsong ea merero ea hau?
Source: www.habr.com