Google Pagespeed ​​Insights: Solucioneu Problemes I Obteniu Ecologia

Google PageSpeed ​​Insights [1] és una eina fantàstica per veure com funciona el vostre lloc web. En cas que obtingueu una puntuació deficient, aquí teniu una sèrie d’articles amb solucions fàcils d’implementar per resoldre la majoria dels problemes.


Optimització de Google PageSpeed

Google PageSpeed ​​Insights [1] és una eina fantàstica per veure com funciona el vostre lloc web. En cas que obtingueu una puntuació deficient, aquí teniu una sèrie d’articles amb solucions fàcils d’implementar per resoldre la majoria dels problemes.

Google PageSpeed ​​Insights

Això em va permetre passar de color verd a Google PageSpeed ​​Insights [1], passant d’un marcador de 17 al mòbil (Fig 1) a 89 (Fig 14) i passant de 35 (Fig 3) a 89 a l’escriptori (Fig 16) ).

Tot i això, fins i tot hi ha una manera d’obtenir el verd sense haver d’implementar-vos res, mitjançant la plataforma Ezoic Site Speed ​​Accelerator, una eina que us farà totes les optimitzacions: consulteu a continuació i seguiu la guia.

Pas 1: optimització d'imatges per a la web

Això em va permetre passar la prova de Google PageSpeed ​​[1] Optimitzar imatges [2] en un lloc web, pujant una puntuació de 17 en mòbils (Fig 1) a 51 (Fig 2) i fins a 35 (Fig 3) a 59 a l'escriptori (Fig 4).

Optimitzar imatges PageSpeed ​​Insights Desenvolupadors de Google

Pas 2: optimització de CSS i javascript

Elimineu el bloqueig de representació de JavaScript i CSS en el contingut superior.

Això em va permetre passar la prova de Google PageSpeed ​​[1] Eliminar el Javascript i el CSS de representació de bloqueig en el contingut de la part superior (juntament amb Leverage browser caching [6]) en un lloc web, pujant des d'una puntuació de 51 en mòbils ( Fig 5) a 72 (Fig 6) i fins a 59 (Fig 7) a 79 a l'escriptori (Fig 8).

Pas 3: habiliteu la memòria cau del navegador web

L'aprofitament de l'emmagatzematge en memòria cau del navegador em va permetre passar la prova de Google PageSpeed ​​[1] Aprovar l'emmagatzematge en memòria cau del navegador [5] (juntament amb Eliminar el rècord de bloqueig de JavaScript i CSS en un contingut superior a 4 vegades) en un lloc web, pujant una puntuació de 51 a mòbils (Fig. 9) a 72 (Fig. 10) i fins a 59 (Fig. 11) a 79 a l'escriptori (Fig. 12).

Aprofiteu la memòria cau de navegadors PageSpeed ​​Insights Google Developers

Pas 4: activeu la compressió htaccess

Habilitar la compressió en htaccess em va permetre passar la prova de Google PageSpeed ​​[1] Aprovar l'emmagatzematge en memòria cau del navegador [7] en un lloc web, pujant des d'una puntuació de 72 en el mòbil (Fig. 13) fins a 89 (Fig. 14) i fins a 79 ( Figura 15) a 89 a l'escriptori (Fig. 16).

Optimització de la codificació i la mida de la transferència d'actius basats en text: fonaments web

Obtenir ecologia a l'eina Google PageSpeed ​​Insights amb Site Speed ​​Accelerator

Després de tornar a obtenir una puntuació vermella molt baixa de 18 al mòbil i 29 a l’escriptori a la puntuació de Google PageSpeed ​​Insights, vaig descobrir aquella eina increïble que és Site Speed ​​Accelerator i fa totes les optimitzacions per a mi, simplement fent clic a després d'haver configurat el meu lloc web per utilitzar el seu DNS, cosa que els permet representar el meu lloc en nom meu i optimitzar-lo mentrestant.

Així funciona: quan un usuari sol·licita obtenir una pàgina del meu lloc web, em pregunta directament al meu servidor quin és el  millor allotjament web barat   per lliurar-li el codi d’aquesta pàgina. El meu servidor li l’envia. Aquesta és la forma de treball estàndard.

Creació de llocs web mestres: inscriviu -vos ara!

Transformeu la vostra presència digital amb el nostre complet curs de creació de llocs web: comenceu el vostre viatge a convertir -vos en expert en web avui!

Inscriviu -vos aquí

Transformeu la vostra presència digital amb el nostre complet curs de creació de llocs web: comenceu el vostre viatge a convertir -vos en expert en web avui!

Tanmateix, mitjançant un DNS extern, l’usuari sol·licitarà que el DNS obtingui la pàgina web del meu servidor i el meu servidor enviarà el codi font de la pàgina web a aquest DNS intermediari, que podrà modificar el codi i també per emmagatzemar-lo en memòria cau i emmagatzemar-lo a diferents llocs de la Terra per enviar-lo més ràpidament i optimitzar-lo per oferir una millor pàgina web a l'usuari.

És així com Ezoic Site Speed ​​Accelerator és capaç d’optimitzar les meves pàgines web i lliurar-les directament a l’usuari amb una puntuació molt millor del que obtindria jo mateix. Vegeu per vosaltres mateixos, simplement activant les opcions del meu lloc web, una puntuació de 18 al mòbil a una puntuació verda de 90 i d’una puntuació vermella de 29 a l’escriptori a una puntuació verda de ... 99!

La llista d’optimitzacions que ofereix Site Speed ​​Accelerator és la següent i s’actualitza constantment amb noves optimitzacions de llocs web que obtindran la vostra puntuació de Google PageSpeed ​​Insights:

  1. Optimització de CSS, amb CSS crítics representats primer, CSS no utilitzats no enviats o tipus de lletra optimitzats,
  2. Optimització d’imatges, amb càrrega mandrosa d’imatges, format Webp d’última generació utilitzat, redimensionament automàtic de les imatges i precàrrega de les imatges de fons,
  3. Política de memòria cau d’actius estàtics, que indicarà als navegadors que emmagatzemin a la memòria cau les vostres imatges, fulls d’estil i scripts,
  4. Creació automàtica d’instruccions de preconnexió a origen per als navegadors,
  5. Compressió HTML amb diferents opcions per conservar o amagar comentaris HTML, etiquetes finals, cometes o espais en blanc,
  6. Optimització de l'execució de seqüències amb la possibilitat de retardar seqüències de comandaments, retardar anuncis i reduir les tasques intensives en CPU
  7. Càrrega mandrosa d’Iframes automàtica.

Per descomptat, podreu activar o aturar qualsevol d’aquestes optimitzacions en qualsevol moment i ajustar la vostra configuració per trobar les opcions d’Accelerador de velocitat del lloc que us donin els millors resultats.

Per obtenir-lo, comenceu per crear un compte a la plataforma Ezoic i, a continuació, integreu el vostre lloc web mitjançant el DNS Ezoic. A continuació, podeu configurar les funcions i obtenir el color verd.

A més, si el vostre lloc web compleix els requisits (per exemple, necessita tenir més de 10.000 visitants únics al mes i tenir contingut únic), també podreu augmentar les vostres taxes de CPM i, per tant, els vostres guanys implementant el seu sorprenent Ezoic. sistema de mediació AdExchange.

Site Speed ​​Accelerator és fins i tot gratuït durant 30 dies de prova, sense necessitat de targeta de crèdit i, després, costa un import diferent segons el trànsit. Pot ser gratuït si utilitzeu el sistema de mediació ezoic i guanyeu més de 2.000 dòlars al mes amb ells.

JUNY 2021 Edit: a partir de juny de 2021, no hi ha més pàgines de visualització de la pàgina per unir-se a Ezoic a través del seu programa AccessNow, i el SEApeSeSEnCcelerator ha estat substituït per un producte nou i millorat, un salt Ezoic, que té encara més optimitzacions de llocs disponibles i és totalment gratuït per a tots els editors!

Preguntes més freqüents sobre Google Page Speed ​​Insights i respostes:

Té importància Google PageSpeed?
Tot i que Google PageSpeed ​​no és el més important pel que fa al rànquing del lloc web, pot afectar el percentatge de rebots. Els visitants normalment no esperen més de pocs segons perquè es carregui una pàgina abans de sortir.
PageSpeed ​​afecta el SEO?
Vegeu més amunt: és possible que no canviï molt pel rànquing del lloc web, però pot afectar el percentatge de rebots.
Què és un bon temps de càrrega de la pàgina?
Un bon temps de càrrega de la pàgina és inferior a un segon.
Com puc augmentar la velocitat de la pàgina de Google?
Podeu augmentar la puntuació de Google PageSpeed ​​Insights ja sigui manualment mitjançant la implementació de totes les optimitzacions de llocs web possibles o mitjançant l’accelerador de velocitat del lloc Site que ho farà tot en nom vostre.
Com puc augmentar el temps de càrrega del meu lloc web?
Podeu augmentar el temps de càrrega del vostre lloc web reduint la longitud del contingut, eliminant HTML, CSS i JS no utilitzats, minimitzant tots els fitxers i utilitzant serveis de memòria cau i CDN, o bé utilitzant un Site Speed ​​Accelerator‌ que ho farà tot per vosaltres.
Google penalitza els llocs lents?
Sembla que Google no penalitza els llocs lents, però, si la càrrega de contingut és massa llarga, no pot analitzar i classificar les pàgines web.
Com augmenta el temps completament carregat?
Podeu augmentar el temps de càrrega total d’una pàgina web reduint el contingut de l’HTML (també anomenat longitud DOM), el CSS i JS que s’utilitzen i altres connectors.
Com puc augmentar la velocitat de la meva pàgina de destinació?
Augmenteu la velocitat de la pàgina de destinació implementant la memòria cau, utilitzant un CDN, un Site Speed ​​Accelerator‌ i implementant totes les pràctiques recomanades del web.
Què és una bona puntuació de Google Page Speed?
La puntuació de Google Page Speed ​​de Google supera els 90.
Què és una bona velocitat de càrrega de la pàgina?
Una bona velocitat de càrrega de la pàgina web és inferior a un segon.
Quina velocitat ha de carregar un lloc web el 2020
Un lloc web s’hauria de carregar en menys d’un segon el 2020.
Què és un bon percentatge de rebots?
Un bon percentatge de rebots és qualsevol valor inferior a cent, el que significa que alguns usuaris realment es queden al vostre lloc. Menys de 50 anys ja és increïble.
Per què els llocs de Google són tan lents?
Els llocs de Google poden ser lents a causa de la vostra connexió a Internet o de l'ordinador que executa programes i aplicacions. Penseu a triar una VPN per augmentar la velocitat de connexió.
Com puc augmentar la velocitat de la meva pàgina de Google?
Reduïu la quantitat de recursos a carregar i la seva mida.
Les estadístiques de PageSpeed ​​afecten el SEO?
Pot tenir un efecte petit, però el seu principal problema és el possible augment del percentatge de rebots del trànsit.
Com puc augmentar la velocitat de la meva pàgina?
La velocitat de la pàgina es pot augmentar implementant les millors pràctiques del web i reduint la quantitat, la complexitat i la mida dels recursos a carregar.
Què és una bona velocitat de pàgina?
Una bona velocitat de pàgina és una puntuació verda per sobre de 90.
Com puc utilitzar les estadístiques de Google PageSpeed?
Per utilitzar les estadístiques de Google PageSpeed, simplement heu d’anar al seu lloc web, introduir un dels URL del vostre lloc, esperar l’anàlisi i comprovar els resultats.
Les estadístiques de Google PageSpeed ​​són precises?
Google PageSpeed ​​Insights és bastant precís, ja que representa el temps que triga un servidor de Google a carregar el vostre lloc web com a bot. Un visitant real des d’una ubicació diferent i amb una altra connexió pot tenir resultats diferents, generalment pitjors.
Com funciona Google Page Speed?
Google Page Speed ​​descarrega la vostra pàgina web com un navegador, inclòs tot el contingut, i comprova el temps que va trigar a carregar i processar tots els components descrits a la pàgina DOM.
Què és una bona velocitat del lloc?
Una bona velocitat del lloc hauria de ser verda a la puntuació de la prova de velocitat, una velocitat del lloc sorprenent superior a 90 i la càrrega en menys d’un segon.

Optimització de Google PageSpeed

Preguntes Més Freqüents

Quins passos complets s’han de fer per solucionar els problemes marcats per Google Pavespeed Insights, amb l’objectiu d’una puntuació verda que indiqui un rendiment optimitzat?
Per aconseguir una puntuació verda a Google Pavespeed Insights, centreu-vos en optimitzar imatges, aprofitar la memòria cau del navegador, minificar CSS, JavaScript i HTML, eliminar els recursos de bloqueig de renderització, millorar el temps de resposta del servidor i utilitzar xarxes de lliurament de contingut (CDN). Cada recomanació proporcionada per PAGESPEED Insights ha de ser abordada metòdica, sovint requerint millores i proves iteratives.

Com afegir un lloc a Ezoic? Part 2: activació de salts


Yoann Bierling
Sobre l’autor - Yoann Bierling
Yoann Bierling és un professional de consultoria i consultoria digital, que té un impacte global a través de l’experiència i la innovació en les tecnologies. Passat per empoderar les persones i les organitzacions per prosperar en l’era digital, se li impulsa a obtenir resultats excepcionals i impulsar el creixement mitjançant la creació de contingut educatiu.

Creació de llocs web mestres: inscriviu -vos ara!

Transformeu la vostra presència digital amb el nostre complet curs de creació de llocs web: comenceu el vostre viatge a convertir -vos en expert en web avui!

Inscriviu -vos aquí

Transformeu la vostra presència digital amb el nostre complet curs de creació de llocs web: comenceu el vostre viatge a convertir -vos en expert en web avui!




Comentaris (0)

Deixa un comentari