Seo

Zure gunea optimizatzeko 5 modu Google Orriaren Abiadura Irizpideetarako

2018ko maiatzean, Googlek Lighthouse 3.0 kaleratu zuen, web orrien kalitatea eta abiadura ikuskatzeko bere kode irekiko tresnaren bertsio eguneratua. Lighthouse 3.0-k txostenetarako irteera-aukera berriak ekartzen ditu, baina baita gunearen abiadura eta errendimendua neurtzeko moduan ere aldaketa batzuk ere, hala nola, First Contentful Paint errendimendu- eta abiadura-neurri gisa sartzea eta errendimendu-ikuskapenetarako ponderazio berriak.

ordenagailuaren irudia duen gizona

Eta 2018ko maiatzetik? Google-k are aldaketa gehiago kaleratu ditu. Horregatik, zure webgunea optimizatzeko bost modu partekatzen ari gara gaur.

Has gaitezen

Zergatik optimizatu zure webgunearen abiadura orain?

Itsasargiak urtean eboluzionatzen jarraitu du 3.0 jaitsi zenetik. Googlek duela gutxi iragarri zuen Lighthouserako "Platform Packs" lantzen ari zela, probalariek beren guneetan erabiltzen dituzten CMS eta kode liburutegietarako zehatzak diren abiadura optimizatzeko aholkuak jaso ditzaketela.

Beraz, WordPress-ekin Angular JavaScript erabiltzen ari bazara, adibidez, zorte ona duzu, baina Platform Packen aldaera gehiago garatzen ari dira dagoeneko, GitHub komunitatearen laguntzarekin.

Google-ren Lighthouse eguneratzea Page Speed ​​Insights-ekin

Irudiaren iturburua

Google-k pixkanaka gunearen abiaduraren garrantzia areagotzen joan da bilaketak sailkatzeko irizpide gisa 2016an mugikorrerako lehen indizea sartu zuenetik, beraz, komeni da metrika eta joera horiei arreta jartzea. Google-k 62 algoritmo-eguneratze inguru kaleratu zituen batez bestekoan aste 2018an, beraz, ondo sailkatu zarela ziurtatzea gero eta praktika dinamikoagoa bihurtzen ari da. Eta mobile-first indizearen berritasun erlatiboa dela eta, baita webgunearen trafikoan duen eragin neurrigabea ere, zentzuzkoa da algoritmoaren hobekuntza gehienak mugikorreran zentratzea.

Agian Lighthouse-i arretaz jarraitzeko argudiorik sendoena hauxe da: Google-k autozerbitzuko abiadura neurtzeko tresna bat eraikitzen duen lehen aldia da, gune errealeko bisitariek jasandako atzerapen-denborak errepikatzen saiatzen dena, botekin ez bezala.

"Lighthouse-tik aztertzen ari zaren neurketa horietako asko erabiltzaileei begira dauden gauzen alderdiari dagokionez aurkezten dizkizugu batez ere", azaldu zuen John Mueller Webmaster Trends analistak otsailean, Bulegoko Ordutegiko Hangout-eko Galdeketa saioan. "Gure ikuspuntutik, bilaketaren ikuspuntutik, hainbat neurri hartzen ditugu elkarrekin abiadurari dagokionez gune hau nola ikusi behar dugun jakiteko".

Hori guztia kontuan hartuta, bost aholku bildu ditugu Google-ren jainkoak zure webgunearen abiadurarekin atsegin ditzazun laguntzeko.

1. Ezar ezazu karga alferra

Bereizmen handiko irudiek zure webgunearen karga-denbora nabarmen motel dezakete, baita memoria eta orriaren pisua handitu ere. Zure gunetik guztiz moztu ditzakezu, baina baliteke horiek gorde behar izatea edo benetan nahi izatea. Karga alferra orriaren karga-denbora bizkortzeko modu bat da, baliabide asko dituen edukietatik kendu beharrik gabe.

Medium-eko lazy loading adibidea

Irudi iturria

Kargatze alferrarekin, web orriaren zati bat bakarrik kargatzen da aldi berean, ikusleak segundo horretan begiratzen duen atala, beraz, hurrengo zatia kargatzea atzeratuko duzu bisitariak bertara joan arte. Honek First Meaningful Paint eta First Content Paint bezalako metriketara iristeko behar den denbora murrizten du, hau da, Lighthousek gunearen abiadura eta errendimendua neurtzeko erabiltzen dituen neurgailuetako bi.

Kargatze alferra ezinbestekoa da "korritze infinitua" ezarri baduzu, hau da, eduki asko duten guneetan ezaguna, baina webgune mota guztietan lagun dezake. Izan ere, Duda web diseinu-plataformak aurkitu du Duda-k bultzatutako guneetan karga alferra ezarri ondoren, propietate horiek batez beste 10 puntu ikusi dituztela Lighthouse puntuazioaren igoera, ez dago ezer makila astintzeko.

2. Aprobetxatu hurrengo belaunaldiko irudi formatuei

First Contentful Paint garaien errudun handienetako bat zure irudiak dira. Arazoa da marketinari eta salmentei dagokienez, irudi batek mila hitz baino gehiago balio duela, beraz, arrazoi izango zenuke heroien irudi handien alde egiten duten diseinu horiei kentzeari uko egitea. Kargatze alferrarekin batera, hurrengo belaunaldiko irudi formatuek irtenbidea ematen dute.

Hurrengo belaunaldiko formatuak JPEG 2000, JPEG XR eta WebP dira. Formatu hauek irudiak konprimitu eta bihurtzen dituzte PNG eta JPG tradizionalak baino askoz txikiagoak izan daitezen, baina ez dute eragin negatiborik irudiaren kalitatean. Hurrengo belaunaldiko formatuak erabiltzen dituzunean, orrialdeak kargatzeko denborak izugarri bizkor ditzakezu, baita pixel dimentsio handiagoak dituzten ikus-entzunezkoetan ere, irudiaren kalitateari uko egin gabe. Begiratu Insane Lab-eko datu hauek, WebP fitxategiak PNG fitxategiak baino zenbat txikiagoak diren ikusi zuten:

WebP vs PNG fitxategien grafikoa

Google-k bereziki animatzen ditu web-arduradunak bere WebP formatu berria erabiltzera, Chrome eta Opera arakatzaileek onartzen dutena. WebP-k PNG baino % 26 txikiagoak eta JPG formatuak baino % 25-35 txikiagoak diren irudiak sortzen ditu.

3. Erabili edukiak emateko sarea

Edukiak bidaltzeko sarea edo CDN bat zure orriaren karga bizkortzeko irtenbide bikaina da, Lighthouse 3.0-n errendimendu onaren baloraziorako bigarren neurketa garrantzitsuena direnak.

Funtsean, CDN bat mundu osoan banatuta dagoen eta zure edukia emateko elkarrekin lan egiten duten zerbitzarien sarea da. CDN bateko zerbitzariak geografikoki sakabanatuta daudenez, beti dago ia erabiltzaile guztiengandik hurbilen dagoen bat, zure edukia bere arakatzailera iristeko behar duen denbora murriztuz.

CDN azalpena

Irudiaren iturburua

CDNek sarritan konpresio-taktika aurreratuak ere erabiltzen dituzte, hala nola minifikazioa eta fitxategien konpresioa, zure eduki-aktiboak azkarrago transferitzen laguntzen dutenak, edukiaren erabilgarritasun eta erredundantzia hobea eskainiz, trafiko handiak zure webgunearen errendimendua eten ez dezan. Hardwarearen akatsen aurrean CDNak gutxiago jaisten dira. Kargatze denbora oso azkarrean oinarritzen diren eduki handiko gune nagusiek, Netflix, Facebook eta Amazon esaterako, CDNak erabiltzen dituzte.

4. Kendu behar ez diren pluginak

WordPress-en edo funtzionalitate gehigarrietarako pluginetan oinarritzen den plataforma antzeko bat baduzu, plugin horiek zure webgunearen erantzuna murrizten ari liteke, bere interaktibitate-neurrietan eragin eta Lighthouse 3.0 errendimendu puntuazioak beherantz.

Plugin batzuk ezinbestekoak izan daitezke zure gunerako, zure ordainketa-prozesadorea bezalakoak, baina beste batzuk agian ez dute ezertarako balio. Plugin askok hirugarrenen zerbitzariei galdetzen diete informazioa, eta horrek gauzak are gehiago moteldu ditzake. DigWP-k egindako azken inkesta batean, WordPress-eko 900 profesionalek "gehiegi"ren atalase gisa ikusten duten plugin kopurua adierazi zuten, inkestatuen % 75ek 25 muga dela ados. Inkestatuen heren batek 10 gomendatu zuen muga gisa.

pluginen zerrenda

Plugin gehigarriek datu-basearen hazkuntza ekar dezakete, zure webgunearen pisua doan zabalduz, kargatzea askoz motelagoa bihurtuz, beraz, zenbat eta gutxiago izan, orduan eta hobeto.

5. Kendu erabiltzen ez dituzun CSS arauak

Zure guneko CSS arauak main.css fitxategian definituta daude. Kanpoko estilo orria ere deitzen zaio, guneko HTML-tik bereizita gordetzen delako. Zure webguneak First Contentful Paint kargatu ahal izateko, eta horrek errendimenduan eragin handia du Lighthouse bertsio berriaren arabera, arakatzaileak lehenik CSS estilo-orri guztiak berreskuratu, analizatu eta prozesatu behar ditu edukia nola erakutsiko den zehazteko.

Ondorioz, ezinbestekoa da CSS fitxategi gehigarri bakoitzak orriaren karga-denbora moteltzea eta errendimenduan apur bat gehiago eragiten duela. Fitxategi bakoitzeko, arakatzaileak bertara sartu behar du, deskargatu eta orduan bakarrik errendatu dezake orria.

CSS arauak

Irudiaren iturburua

Fast Velocity Minify bezalako plugin bat erabiliz zure CSS fitxategiak murrizteak asko lagun dezake Lighthouse puntuazioetan, baina gehiago egin dezakezu CSS karga-denborak ez zaitzala gelditzen ziurtatzeko. Erabiltzen ez diren CSS definizio guztiak kentzeak gauzak are gehiago bizkortzen ditu eta zure webgunearen errendimendua arintzen du Google-ren balorazio hobeak lortzeko.

Google-ren abiadura-irizpideak jarraitzeak errendimendua hobetzen du

Lighthouse 3.0-ren aurkezpena eta etengabeko garapena Google-ren azken abiadura-irizpideen arabera zure webgunea optimizatzearen garrantziaren beste oroigarri gisa ikusi behar da. Behar ez dituzun CSS arauak eta pluginak kenduz, CDNak eta hurrengo belaunaldiko irudi formatuak erabiliz eta karga alferrari etekinik handiena ateraz, zure gunea erraztu dezakezu, orriaren karga-denbora murriztu eta errendimendua hobetu Google-n egoteko. liburu onak.

Egileari buruz

Gabrielle Sadeh Tel Aviven kokatutako aholkularia, sare sozialetako espezialista eta blogaria, markei beren ahotsa partekatzen eta negozioak zabaltzen laguntzen die marketin digitalaren estrategia indartsuen bidez. Berarekin harremanetan jartzeko modurik onena bere LinkedIn profila da.

Gaiarekin lotutako artikuluak

0 Comments
Lineako erantzunak
Ikusi iruzkin guztiak
Itzuli gora botoia