Cómo hacer que su sitio de WordPress se cargue más rápido usando complementos

Es importante tener un sitio web hermoso, con excelente contenido, si desea captar la atención de los lectores. Desafortunadamente, si su página se carga demasiado lentamente, es posible que los lectores nunca vean su contenido. ¿Por qué? Solo tiene unos segundos para atraer su atención y evitar que pasen el siguiente sitio. Los lectores no quieren esperar a que le cobren su contenido. Cuanto más tiempo sea la espera, más probabilidades tendrá de perderlos. Por esta razón, es extremadamente importante optimizar la velocidad de carga de la página. Hay varias buenas herramientas en línea para medir su velocidad y solucionar problemas. Una de las herramientas más populares es Google PageSpeed ​​Insights.
Insights de PageSpeed

Google PageSpeed ​​Insights es una herramienta en línea gratuita que probará la velocidad de carga de cualquier sitio web, identificará problemas, les dará prioridad y proporcionará sugerencias para remediar estos problemas. Para este artículo utilizo mi propio sitio que utiliza la división de temas elegantes como un blog básico. Te muestro lo que hay que remediar, qué sugerencias hace el instrumento y cómo los remedimos. El puntaje ofrece resultados tanto para dispositivos móviles como para escritorio. Me concentro en el escritorio. Algunos de los problemas móviles se resolverán en el camino. La mayoría de estos problemas se resolverán mediante el uso de complementos. Cuando decida un complemento, quédese con los arados que se han actualizado recientemente y tienen una buena reputación. Muchos complementos resolverán más problemas.
Una palabra de precaución, algunos complementos no juegan bien con los demás, porque ambos están tratando de hacer el mismo trabajo. Esto podría tener un efecto diferente de lo que quieres. Le recomiendo que los pruebe en un sitio de prueba antes de usarlos en su sitio principal. No solo los complementos en sí, sino también las combinaciones de complementos. Antes de probar complementos en su sitio en vivo, asegúrese de tener una copia de seguridad reciente. Mi puntaje Meuscor es terrible 46. Lo primero a tener en cuenta es que hay tres secciones diferentes en los resultados:

Debe remediar (2 elementos)
Considere el remedio (6 elementos)
Pasado (2 elementos)
Cada sección se extiende para mostrar cuáles son los problemas y ofrecer consejos sobre cómo remediarlos. Descubrí que es mejor comenzar con el primer artículo y ir en orden. Resolverlos en orden resolverá otros problemas en la lista.
Nota: incluso tuve algunas fallas en el camino. Los incluí para ser conscientes de los posibles problemas. Debería remediar tengo dos elementos que requieren atención inmediata:
Activar la compresión
Eliminar JavaScript y CSS que bloquea la representación en el contenido anterior
Habilitar compresión Mi problema más importante es que no uso compresión. Muestra que puedo reducir el tamaño de la transferencia de archivos en un 79%. Esto se puede hacer usando GZIP o desinflado. Booster de puntaje de rendimiento de WP
Este complemento gratuito tiene una compresión GZIP y resolverá otros problemas, como los problemas de CSS y JavaScript, eliminando las cadenas de consulta, agregando encabezado variable: el conjunto de codificación y almacenamiento de almacenamiento en caché expira. Lo elegí porque tiene un 4.7/5 con más de 10,000 instalaciones activas. Fue desarrollado para acelerar la carga de la página y mejorar las pruebas de puntaje de página. Este me dio una puntuación de 78 con un mensaje para reducir el tiempo de respuesta del servidor. Esto tiene mucho que ver con mi plan de alojamiento. Arreglo esto moviendo mi sitio a un nuevo plan de alojamiento. Esto excede el propósito de este artículo. Una cosa interesante es que ha resuelto algunos de los principales problemas con el siguiente problema: eliminar JavaScript y CSS que bloquea la representación en el contenido por encima de la página. Este problema ahora se ha movido teniendo en cuenta el remedio. También remedió completamente el almacenamiento de almacenamiento de navegador de apalancamiento. El sitio ahora pasa 4 reglas, donde solo se aprobaron 2.

Reduzca el tiempo de respuesta del servidor Lo impar es que el tiempo de respuesta del servidor ha aumentado de .96 a 1.4. Reducir el tiempo de respuesta del servidor ahora estaba en remedio. Esto requirió un complemento de caché. Caché total W3
W3 Total Cache es, con mucho, el complemento más popular para acelerar el rendimiento del servidor de su sitio. Tiene casi un millón de instalaciones activas y una calificación de 4.4/5. Optimizar su sitio a través de caché. Puede elegir diferentes opciones de almacenamiento en caché individual. Estos incluyen la página, la base de datos, el objeto y el navegador. Al almacenar en caché los encabezados y las etiquetas de las entidades, la alimentación y los resultados de búsqueda que expiran en el futuro. También tiene funciones para reducir JS, CSS y HTML. Acelerará su puntaje de Google PageSpeed ​​al menos 10 veces cuando esté completamente configurado. He intentado con todas las funciones de caché activadas. Esto llevó mi puntaje a 86. Por primera vez, mi sitio ahora está en verde y todos los problemas que tuve estaban en el asentamiento. Ahora pasa 5 reglas, incluido el tiempo de respuesta del servidor, que ahora dice “el servidor ha respondido rápidamente”. Considere la reparación cuando ejecuté la prueba por primera vez, esta sección tuvo más problemas que cuando finalmente la llegué. Muchos de estos problemas se resolvieron cuando solucionamos los problemas en el área deberían remediar. Problemas inicialmente incluidos:
Use la memoria de su navegador en caché

El tiempo de respuesta del servidor
Reducir JavaScript
Optimizar las imágenes
Minimiza CSS
Minimiza html
Aquí hay un vistazo a los problemas actuales. Elimine JavaScript y CSS que bloquea la línea desde el contenido sobre la página JavaScript y CSS por encima del pliegue puede ralentizar la página colocando demasiada carga del navegador. Debe cargar antes de que se pueda cargar cualquier otra cosa por encima del pliegue. Hay varias formas de remediarlo: posponga de carga
Cargar asíncrono
Inserte directamente en html
Aquí están los complementos que usé para solucionar este problema.
Optimizar automáticamente
Este complemento reducirá (eliminará todos los formatos inútiles y reducirá el tamaño del archivo y la carga en el navegador) y comprimir JavaScript, CSS y HTML. Agregará la sede y las almacenará en caché. Moverá sus estilos al jefe de la página y los scripts en el sótano. Usando la configuración avanzada, puede ajustarlo para sus necesidades específicas.
Esto también resolverá algunos problemas, como la minimización de JS y CSS en la lista. Al principio solo activé la configuración básica para HTML, JS y CSS. Esto llevó mi puntaje a 88 y redujo los problemas a 3 recursos CSS. Uno fue creado por el complemento en sí, y las otras dos son Google Fonts. Ahora pasa 7 reglas. Resuelto el CSS minificado y minificar HTML.
Mejor WordPress minificar
El objetivo principal de este complemento es minimizar CSS y JS, pero también tiene una excelente característica que le permite mover sus archivos al sótano u otras ubicaciones (por eso lo elegí). Use un sistema de espera para mejorar la compatibilidad con navegadores, complementos y temas. Cuando lo instalé, se eliminaron todas las configuraciones de apariencia para mi tema y todos los menús, imágenes, enlaces, etc., aparecieron en el lado izquierdo de la pantalla. Afortunadamente, el formato regresó cuando lo desinstalé. Es posible que haya habido algo en la configuración que tuvo que ser ajustado. Estoy seguro de que este es un buen complemento, porque tiene más de 60,000 instalaciones activas y una evaluación de 4.4/5. Incluí esto solo como una advertencia de que podría no funcionar como se necesita sin una determinada configuración. Debido a que mi puntaje era 88 y sabía cuáles son los 3 problemas, decidí ir al siguiente problema. Optimizar las imágenes El tamaño de la imagen juega un papel importante en la velocidad de carga de la página. A veces puede usar un tamaño de imagen mucho más pequeño y una calidad más baja, sin demasiadas diferencias visuales cuando se ve en la web. Esto no solo acelera el tiempo de carga y usa menos ancho de banda, sino que también acelera el tiempo de copia de seguridad y reduce el espacio de almacenamiento en el servidor. Optimizador de imagen EWWW

Este complemento optimizará automáticamente sus imágenes a medida que las cargue y convertirá sus imágenes en el formato de tamaño más pequeño.También optimizará las imágenes que ya ha cargado.También puede usarlo para aplicar pérdidas para imágenes PNG y JPG.Cuando lo instalé, había algunos archivos que quería localizar e instalar.Creo que este complemento funcionaría muy bien con todos los archivos instalados, pero decidí encontrar uno que funcionaría de inmediato.WP Smush

Este complemento reducirá el tamaño del archivo de imagen sin reducir la calidad. Hace esto eliminando la información oculta. Analizará sus archivos y le dirá cuántas imágenes deben ser aplastadas. Puedes aplastarlos a granel. La versión gratuita no reduce nada más de 1 MB y solo reducirá 50 a la vez. Para más que eso, necesitará WP Smush Pro, que destruirá hasta 32 imágenes MB sin límite. Haga una copia de seguridad de los originales si los necesita. Los precios comienzan en $ 19 por mes. Tenía 114 imágenes que necesitaban trituración. 8 de estas imágenes tenían más de 1 MB. Decidí repararlos manualmente. Trituró 98 imágenes y redujo el tamaño del archivo en 4.79 MB (8.82%). Esto llevó mi puntaje a 90. Google Insights identificó 5 imágenes que no les gustaban, pero ninguna tenía más de 1 MB. Varió de .7 kb a 17 kb. Optimización de imágenes manualmente puede optimizar las imágenes manualmente, cambiar el tamaño, reducir la calidad y cambiar el formato. Una de mis herramientas favoritas y utilizadas para manejar imágenes es Paint.net. Es una aplicación gratuita y fotos de edición de fotos para Windows, que tiene muchas características para reducir el tamaño del archivo. ¿Cuál es tu favorito?
Reduzca JavaScript, CSS y HTML. Pensé que remediaron esto … mientras trabajamos en los otros temas, vi que el único mensaje minimizado era para JavaScript. Una vez que optimizé mis imágenes, los tres problemas volvieron. Regresé a mis pasos para descubrir qué pasó. Intentando mejor que WordPress minifique y luego volviera, mis mensajes para reducir CSS y HTML regresaron. Mi puntaje cayó a 88 y ahora he vuelto a 5 reglas aprobadas. Activé las funciones de minimización del caché total W3 y ahora han pasado todos los problemas de minimización. Ahora tuve un puntaje de 88 y 8 reglas aprobadas. También tenía seis archivos por encima del pliegue. Sabía que resolvía algunos de ellos, por lo que algo tenía que cambiar. Golpeé algunos problemas y descubrí que desactivé la autoevaluación cuando tuve el problema con Better WordPress Minify anteriormente. Reactivé la auto -optimización, deshabilité minificar de W3 Total Cache y eliminé el caché (¡un paso muy importante!). Ahora tenía mi puntaje 90 y el sitio ha aprobado 8 reglas. Regresó a tres archivos CSS por encima del pliegue y un mensaje para optimizar las imágenes. Según mi experiencia previa, decidí no perder el tiempo con estos archivos. Creo que Google odia las imágenes de cualquier tamaño (no importa cuán pequeño las reciba, todavía recibo un mensaje para reducir el tamaño) y pasar de 46 a 90 páginas es una victoria en mi libro. Aprendí a parar mientras lo estás antes. Marque mi final final fue 90/100. Los complementos que solía obtener este puntaje son:

Optimización automática (todas las funciones activadas)
W3 Cache total (solo se activan las funciones de almacenamiento de la página)

WP Performance Score Booster (todas las funciones se activan) WP Smush (edición gratuita)

Para el registro, la puntuación móvil pasó de 36 a 78. Para remediarlo, debería optimizar mis imágenes y archivos móviles.Pensamientos finales que sus visitantes, Google y otros motores de búsqueda odian los sitios que son lentos.Usando Google PageSpeed ​​Insights, puede saber exactamente qué son los problemas y puede obtener consejos sobre cómo resolverlos.Un puñado de complementos gratuitos es todo lo que necesita para moverse de un sitio lento que Google odia a un sitio rápido que a Google ama.Solo tenga cuidado de experimentar algunos complementos que no jueguen bien con los demás.Me gustaría oír de ti.¿Ha optimizado su sitio web de WordPress utilizando Google PageSpeed ​​Insights?¿Tu experimenta algo como el mío?¿Utilizó diferentes complementos para resolver problemas?Me gustaría saber sobre su experiencia en comentarios.