Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

Després de l’anunci oficial de Google, tothom s’ha començat a centrar en el temps de càrrega de pàgines dels seus llocs web. Segons Google, els llocs web que tenen un temps de càrrega de pàgina superior a tres segons no són compatibles amb SEO.


I ja sabeu, en aquesta època de la web, competir amb milions de llocs web no és cap tros. Heu d’assegurar-vos que el vostre lloc web sigui més ràpid que d’altres.

Si compareu la velocitat del lloc web amb els llocs web principals, és possible que us manqui perquè la majoria dels llocs tenen el temps de càrrega de la pàgina per sota dels dos segons.

Ara deixeu-me parlar de bloqueig de renders. Tots els complements de WordPress tenen un fitxer CSS o JavaScript, que ha de ser carregat pel navegador de l’usuari.

Significa que aquests fitxers CSS i JavaScript redueixen el vostre lloc web lentament, que s’anomena bloqueig de renders de JavaScript i CSS.

En aquest tutorial, obtindreu informació sobre com trobar aquests fitxers i corregir el bloqueig de renders.

Analitzeu el temps de càrrega de la pàgina del vostre lloc web

Podeu utilitzar les eines d’anàlisi de velocitat com les Eines de pingdom, però aquí necessiteu Google PageSpeed ​​Insights. Ompliu l’URL del vostre lloc i feu clic a Analitza.

En pocs segons, podeu veure l’informe. És millor millorar el temps de càrrega de la pàgina per a l’escriptori. Comproveu la puntuació actual.

Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

Segons Google, per obtenir un rendiment excel·lent, la puntuació hauria d’estar entre 89-100. I us he de dir que és possible aconseguir-ho 100.

Si es desplaça cap avall fins a l’encapçalament "Oportunitats per a vostè," podeu veure alguns suggeriments. A partir del qual, Elimineu els recursos de bloqueig de renders potser sigui el mateix.

Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

Feu clic per veure els recursos i podreu veure tots els fitxers CSS i JavaScript. De vegades, és possible que observeu qualsevol fitxer de memòria cau.

La qüestió és que cal centrar-se en l’optimització de fitxers CSS i JavaScript.

Utilitzeu Autoptimize per minimitzar fitxers CSS i JavaScript

Com ja sabreu que Autoptimize és un complement que ajuda a optimitzar els fitxers de codificació d’un lloc web de WordPress, podeu utilitzar-lo per arreglar fitxers JavaScript i CSS que bloquegen la renderització..

Anar a Connectors>>Afegir nou i busqueu Autoptimitza. Instal·leu i activeu el complement. Espero que sàpigues instal·lar un complement de WordPress.

Ara vés a Configuració>>Autoptimitza i podeu veure opcions per JavaScript i CSS. Marqueu les caselles a optimitzar JavaScript i CSS.

Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

Fer clic a Guardar canvis i Cache buida si teniu un complement de memòria cau. En cas contrari, feu clic a Guardar canvis botó.

Ara comprova la puntuació del lloc web. Si obteniu uns resultats positius, perfectes. En cas contrari, podeu utilitzar un complement de memòria cau com W3 Total Cache per minimitzar els codis JavaScript i CSS.

Instal·leu i activeu la memòria cau total W3

Si ja utilitzeu la memòria cau total W3 com a complement de memòria cau del vostre lloc web de WordPress, no necessiteu cap altre complement per minificar el codi del lloc web..

Anar a Rendiment>>Configuració general i desplaceu-vos cap a avall Minimitzar configuració. Marqueu la casella per habilitar i desar els canvis.

Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

En la majoria dels casos, aquesta configuració de reducció soluciona el problema. Si encara teniu cap desafiament, heu d’utilitzar el connector específic desenvolupat per corregir JavaScript i CSS que bloqueja el render.

Al meu lloc web, podeu veure la puntuació actual; és 100 per a la versió d’escriptori.

Com solucionar el JavaScript i el CSS de rendibilització del vostre lloc web de WordPress

Si us centreu en la versió per a mòbils, podeu afegir manualment els scripts i CSS a la configuració de reducció de la memòria cau total W3. Ara per ara, utilitzeu l’opció automàtica i comproveu el rendiment del vostre lloc.

Espero que tinguis una idea per arreglar JavaScript i CSS bloquejant de rendibilitat

No hi ha dubte que la velocitat dels llocs web té un paper fonamental en la puntuació de SEO. Podeu relacionar-vos quan visiteu un lloc web amb un temps de càrrega de pàgines deficient. Espereu molt de temps? No ho crec.

Hi ha tones d’opcions disponibles a la xarxa. Si el vostre lloc és lent, algú altre proporciona una experiència d’usuari millor que la vostra.

Conclusió

La idea principal darrere de la resolució del fitxer JavaScript i el fitxer CSS de bloqueig de renders és minimitzar el codi d’aquests fitxers. Si ets un desenvolupador avançat, pots minificar JavaScript i CSS manualment.

Però si utilitzeu WordPress, hi ha molts complements per realitzar aquesta tasca.

Consulteu aquests tres millors serveis d’allotjament de WordPress:

FastComet

Preu inicial:
2,95 dòlars


Fiabilitat
9.7


Preu
9.5


Usuari amigable
9.7


Assistència
9.7


Característiques
9.6

Llegiu comentaris

Visita FastComet

Hostinger

Preu inicial:
0,99 USD


Fiabilitat
9.3


Preu
9.3


Usuari amigable
9.4


Assistència
9.4


Característiques
9.2

Llegiu comentaris

Visita Hostinger

A2 Hosting

Preu inicial:
3,92 dòlars


Fiabilitat
9.3


Preu
9.0


Usuari amigable
9.3


Assistència
9.3


Característiques
9.3

Llegiu comentaris

Visita Hosting A2

Articles relacionats amb la informació

  • Com desactivar el fitxer wp-cron.php del vostre lloc de WordPress mitjançant cPanel
    expert
  • Com instal·lar i configurar el connector WP Super Cache a WordPress
    principiant
  • Com optimitzar la base de dades de WordPress mitjançant WP-Sweep
    principiant
  • Com configurar un lloc web d’escenificació de WordPress
    intermèdia
  • Com utilitzar el complement de verificació de registre d’auditoria de WP Security WP
    intermèdia
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me