Comprimir y optimizar imágenes existentes para celulares

Las imágenes existentes en su sitio pueden optimizarse para que se carguen más rápido, incluso si no desea que sean más pequeñas. WordPress hace un poco de optimización para ti, pero aún puedes hacer más.

Si utiliza Photoshop, asegúrese de exportar sus imágenes utilizando Guardar para web. Aquí hay algunos consejos útiles:

Use PNG 8 siempre que sea posible
Reducir la cantidad de colores a 128 o menos.
No uses transparencia, hace que la imagen sea mucho más grande.
Para JPEG, reducir la calidad a 60
Incluso sin Photoshop, un complemento como Imagify puede optimizar sus imágenes automáticamente. Puede ejecutar sus imágenes manualmente a través de su sitio, o usar su complemento para optimizar las imágenes existentes del sitio.

Imágenes Responsivas
Además de optimizar las imágenes existentes, también podemos servir imágenes más pequeñas para dispositivos móviles. Esto se hace con imágenes de respuesta y, por suerte, ha estado en el núcleo de WordPress desde la versión 4.4 . Esto significa que no necesita ningún complemento o código adicional para hacer que esto funcione.

Optimizar complementos y temas
Para algunas personas, simplemente hacer 1-5 arriba les dará un gran aumento de velocidad. Otros tienen problemas en su sitio que deben abordarse antes de que puedan hacer un progreso real.

Ryan Sullivan trabaja con cientos de pequeñas empresas en WP Site Care , y primero opta por la optimización en el sitio.

Yo diría que las cosas que identificamos como los problemas más comunes cuando se trata de un rendimiento deficiente son 1) anuncios / guiones de terceros 2) los temas de navaja suiza todo en uno 3) complementos inflados (membresía, comercio electrónico, redirección, posts relacionados, etc). 4) mal hospedaje.

Una cosa que podría ser un poco diferente acerca de la forma en que enfocamos el rendimiento es que intentamos eliminar tantas cosas como sea posible antes de agregar algo nuevamente.

Lo que significa que muchas personas pasan directamente a un complemento de almacenamiento en caché, a un host administrado o a la implementación de un CDN como una forma de mejorar el rendimiento, pero esas son solo ayudas de banda hasta que se resuelvan los problemas centrales. Esperamos hasta que hayamos eliminado todo lo posible antes de ver cómo agregar capas adicionales.

Si está desarrollando un sitio para un tráfico muy alto, la optimización de su código de tema y / o plugin puede ser realmente importante. Esto puede ser muy rápido, pero hay algunas frutas de bajo rendimiento con las que es fácil comenzar.

Desactivar o actualizar complementos
Actualice los temas y complementos antiguos, incluso si no están activos. Esto puede mitigar algunos riesgos de seguridad y, posiblemente, tener un impacto en la velocidad. Desactive los complementos que no sean necesarios.

Optimizar archivos Javascript y CSS
Si probó la velocidad de su sitio con las herramientas que mencionamos anteriormente, es probable que tenga algunas recomendaciones, como minimizar y concatenar archivos de Javascript / CSS.

Eso es una gran cosa que hacer, pero puede ser incluso mejor eliminar los activos innecesarios mediante la carga condicional.

Muchos complementos cargan sus scripts y estilos en cada página, incluso si no se están utilizando. Por ejemplo, tiene un formulario de contacto en su página de contacto, pero los estilos de formulario de contacto se cargan en su página de inicio.

Puede realizar estas cargas solo donde se necesitan, acelerando las páginas de otros sitios. Esto puede no ser un gran problema si solo tiene unos pocos complementos en un sitio de poco tráfico, pero si está cargando 15 hojas de estilo adicionales en una página de alto tráfico, puede causar una desaceleración.

Para comprobar qué tan malo está en su sitio, simplemente cargue el código fuente de su página de inicio. Mire a través de todas las etiquetas de estilo y script, y vea qué se está cargando. Si ve un montón de scripts o estilos cargados desde un complemento que no se utiliza en esa página, puede comenzar allí.