página page speed sempere

Minificación de CSS y Javascript

Significado:Eliminar los saltos de línea y espacios de los archivos css y de Js resultando archivos de tamaño más liviano

Deberías ‘minificar’ tus archivos siempre que puedas, tu web funcionará igual de bien, usando archivos más pequeños

Rotar

Importancia: Media-baja

Facilidad de implementar: Fácil pero en algunos casos puede presentarte problemas de visualización.

Plugins: Wp rocket, W3 Total Caché

Volver

Compresión Gzip

Significado:Es un método de comprimir tus archivos (además de minificarlos) para que ocupen menos, y por lo tanto tu página cargue antes

Rotar

Importancia: Media-baja

Facilidad de implementar: Cualquier servidor de hoy en día podrá servir archivos gzip, para ello puedes modificar el .htaccess o usar plugins

Plugins: Wp rocket, W3 Total Caché, Wp fastest caché…

Volver

Comprimir imágenes

Significado:Bueno, creo que se autoexplica ¿no? No seas gañán/gañana y siempre que subas imágenes a WordPress comprímelas.

Rotar

Importancia: Alta. Puedes ahorra mucho comprimiendo adecuadamente las imágenes

Facilidad de implementar: Simplemente antes de subir una imágen comprímela. Te recomiendo la herramienta online y gratuita TinyPng.com

Plugins: Como alternativa a TinyPng (que te la recomiendo frente a instalar más plugins) te dejo esta lista de plugins

Volver

Priorizar el contenido visible

Significado:Se refiere a cargar los css críticos para que tu página se vea bien primero, y postergar los que no sean críticos, para así no bloquear la carga de tu página

Rotar

Importancia: Baja

Facilidad de implementar: Complicado. Es un poco utopía intentar conseguir algo así si el theme no está hecho a medida para esto.

Plugins: El plugin Wp-rocket si que me llegó a hacer este punto bien en un blog sin mayor problema. No se que clase de magia negra usará pero lo hizo bastante bien

Volver

Mover el javascript que bloque la visualización

Significado:Este es lo mismo que hablábamos con los archivos css, pero para los archivos de javascript. Es decir, mover archivos que se cargan en el header, al final de tu página, para que no bloqueen la carga

Rotar

Importancia: Baja

Facilidad de implementar: Lo mismo que en el punto anterior, no es sencillo decidir o saber que archivos javascript son necesarios en el ‘header’ y cuales puedes cargar más adelante

Plugins: Nuevamente el plugin Wp-rocket se comportó bastante bien en este punto en una de las pruebas que hice en un blog

Volver

Especificar caché del navegador

Significado:Lo que hace la caché es que cuando una persona navegue por tu blog, no tenga que volver a cargar los archivos comunes de varias páginas, y utilizar una versión previamente guardada de ese archivo (básicamente serán archivos javascript y css)

Rotar

Importancia: Baja

«A poco que uses algún plugin con recursos externos, te vas a encontrar este error. No siempre puedes especificar la caché de navegador (scripts externos). Así que solo queda resignarse y hacer oídos sordos» (Hormigas en la nube)

Si aun así quieres intentarlo mira este otro artículo

Volver