¡Por qué intentar obtener más de 95 en Google PageSpeed ​​Insights para su sitio de WordPress lo volverá loco!

En las últimas semanas, he trabajado en mi sitio web de WordPress en un intento de llegar a 95+ en Google PageSpeed ​​Insights. Pensé que iba a ser fácil. “Todo lo que tengo que hacer es hacer algunos ajustes aquí y algunas optimizaciones allí”, me dije. “Smush mis fotos y coloque los encabezados de encabezado; Instale el caché total W3 y todo será dulce. Muy fácil. “Qué mal me equivocé. Me metí más en 91. ¡Solo cuatro puntos increíbles! Hice la palma e intenté una vez más. Y una y otra vez con diferentes anfitriones, temas, arados -uri, ajustes … No importa lo que intenté, no pude llegar a eso evadiendo 95.
Sin embargo, 91 no es tan malo, ¿verdad? Definitivamente es un paso adelante en comparación con 74 con los que comencé. En esta publicación, revisaré las diferentes medidas que apliqué en mis sitios de prueba para obtener un puntaje de 91/100 en PageSpeed ​​Insights. Con nuestro complemento de optimización de rendimiento de Hummingbird, puede escanear sus sitios web, obtener recomendaciones detalladas y rastrear mientras sus sitios se optimizan automáticamente para una mayor velocidad. Obtenga más resultados antes de comenzar, para pasar por los resultados. Después de experimentar con varios hosts web, temas, complementos y código, obtuve el puntaje más alto con WP Engine usando el tema Frank. Debido a que el motor WP prohíbe el uso de la caché total W3, no pudimos usar ese complemento, pero podríamos usar otros complementos, como las cadenas de consulta Minit y RemVe de recursos estáticos.
Desafortunadamente, logré alcanzar solo 79/100 para dispositivos móviles. Mi objetivo era llegar a una puntuación de escritorio de más de 95 años, por lo que esta publicación se centrará en las medidas que usé para tratar de obtenerla. Obtener más de 95 en PageSpeed ​​Tsights no es realmente una simple simplicidad. Mi puntaje final a la prueba de velocidad del sitio de Pingdom:

Solo cuatro solicitudes y un tiempo de carga rápido. Mi puntaje final en GTMetrix:

Gtmetric me llevó porque no tengo un CDN. ¿Por qué es importante la velocidad del sitio cuando alguien llega a su sitio? Solo tiene unos segundos para atraer su atención y convencerlo de que se quede y no salte.

El contenido de calidad y un buen tema son importantes, pero si la página es lenta, puede perder personas antes de que tengan la oportunidad de ver su contenido. Según KissMetrics, casi la mitad de los usuarios de la web esperan que un sitio cobre en dos segundos o menos y tiende a abandonar los sitios que no cobran en tres segundos. Un total del 79 por ciento de los compradores en línea que tienen problemas con el rendimiento del sitio no regresarán al sitio para comprar nuevamente y alrededor del 44 por ciento de ellos le diría a un amigo si tuviera una experiencia de compra en línea pobre.
Aunque la velocidad del sitio es una de las más de 200 señales que Google usa para determinar la clasificación de búsqueda y menos del 1% de la consulta de búsqueda se ve afectada por la señal de velocidad, debe preocuparse por las conversiones. Un sitio rápido brindará a los visitantes la confianza de su producto o servicio y los convencerá de que entregue el dinero. ¿Qué es Google PageSpeed ​​Insights? Google PageSpeed ​​Insights es una herramienta práctica frustrante que analiza el rendimiento frontal de su sitio y ofrece sugerencias de optimización. Señala su sitio de 0 a 100 puntos, con una puntuación de 85 o más que indica que una página funciona bien. PageSpeed ​​Insights Medes que se pueden mejorar en una página:
Tiempo hasta que se cargue sobre la página: el tiempo transcurrido desde el momento en que un usuario solicita una página nueva y hasta que el navegador represente el contenido anterior a la página.
Hora hasta la carga completa de la página: el tiempo transcurrido desde el momento en que un usuario solicita una nueva página hasta que el navegador represente la página.
Entonces, ¿cómo lo evalúa PageSpeed ​​Insighs? Se analizan los aspectos de red independientes del rendimiento de la página: la configuración del servidor, la estructura HTML de una página y el uso de recursos externos, como imágenes, JavaScript y CSS.
Probar su sitio con PageSpeed ​​Insights puede ser una apertura para cualquier persona que no haya cansado de optimizar su sitio y también ofrece un excelente punto de partida para aquellos que desean mejorar el rendimiento del sitio. Dicho esto, también puede enviarle un pánico innecesario cuando un sitio regresa más bajo de lo esperado o sugerencias que ha implementado en su sitio. Intente obtener más de 95 en Google. Por lo tanto, PageSpeed ​​Insights, pasemos por algunas de las medidas que probamos En mis sitios de prueba. Evalúe su sitio. Lo primero es lo primero: la evaluación comparativa. PageSpeed ​​Insights es solo un sitio de prueba de velocidad popular. Para obtener una imagen más redondeada de cómo funcionaban mis sitios de prueba, también utilicé la prueba de velocidad del sitio web de Pingdom y Gtmetrix cada vez que ponía una nueva medida. Mi primer sitio de prueba fue una nueva instalación de WordPress con Bluehost, completa con un tema importado, veinte y cuatro temas y varios complementos que puede encontrar en una instalación típica de WordPress, como Akismet y Jetpack, así como el formulario de contacto, SEO y complementos de análisis de Google. .
Mi primer pasaje a PageSpeed ​​Insights regresó:
Tan lento … La puntuación móvil fue 66. Mi primer pasaje a la prueba de velocidad del sitio web de Pingdom regresó:
No es una puntuación terrible, pero no fantástica. Mi primer pasaje a Gtmetrix regresó:
Aunque mi puntaje se ve bien, mi sitio hace demasiadas solicitudes HTTP. Elija un Host Web PageSpeed ​​Insights de Web Quick está buscando un tiempo de respuesta del servidor por debajo de 200 ms, por lo que si está en un servidor compartido, tendrá problemas con él. Un host web barato que ofrece planes mensuales por $ 3.95, con página ilimitada y vistas de espacio ilimitadas, puede parecer un negocio, pero el compromiso suele ser velocidades lentas y tiempos de parada frecuentes durante los períodos de tráfico pesado. Y asegúrese de que funcione bien, debe invertir en un host web decente. Si realmente desea que su sitio sea un sitio, es posible que desee considerar los paquetes de alojamiento que no están en un servidor compartido. Para obtener consejos sobre hosts web, consulte nuestra serie de reseñas de host web y descubra a quién llamé el mejor host web. Configuré mi sitio de prueba inicial con BlueHost. Sí, lo sé, Bluehost no es exactamente conocido por su velocidad. La respuesta lenta del servidor cuando probé el sitio reflejaba tanto:

Creé un sitio idéntico a Dreamhost. La velocidad era absolutamente abismo que ni siquiera podía cargar el sitio la mayor parte del tiempo, lo que me obligó a mirar a otros anfitriones.

También probé Ventraip, un anfitrión web australiano, que devolvió resultados similares a Bluehost. Pero el sitio de prueba con el que tuve más éxito fue alojado con WP Engine, un servicio de alojamiento administrado. Logré obtener un tiempo de respuesta del servidor por debajo de 200 ms. Use un buen complemento de caché que memorice el contenido del contenido puede mejorar drásticamente el tiempo de carga del sitio. W3 Total Cache es, con mucho, el almacenamiento de caché más popular disponible con casi 3.5 millones de descargas y es fácil de configurar. Proporciona soporte para navegador, página, objeto, base de datos, minimización y entrega de contenido en caché. He configurado W3 Total Cache, teniendo cuidado de seleccionar las opciones para reducir mis archivos CSS y JavaScript, para configurar el cabezal y cierre mi sitio. Mi puntaje de PageSpeed ​​Insights ha crecido inmediatamente por siete puntos. Optimice sus imágenes que cargan imágenes de alta resolución duran más que imágenes optimizadas, y los archivos innecesariamente grandes pueden ralentizar lentamente la velocidad de la página. WPMU Dev ofrece un complemento fantástico (¡gratis!) Llamado WP-Smush.it. Al presionar imágenes a granel con este complemento, descubrirá que el tamaño de sus imágenes se reducirá considerablemente, sin comprometer la calidad visual. Mientras habla de imágenes, las imágenes de carga perezosa pueden mejorar la velocidad de la página. Vea mi revisión de 6 complementos de carga perezosa para que su sitio web de WordPress sea más rápido para recomendaciones de complementos. Optimice su página inicial Hay algunas formas simples de acelerar su sitio aún más:

Si publica publicaciones de blog en su página inicial, publique solo fragmentos o resúmenes y reduzca el número de publicaciones a cinco o menos. Publique los widgets al mínimo. Use solo widgets que son absolutamente necesarios.
Elimine complementos inactivos o inútiles.

En general, un diseño limpio y concentrado ayudará a que su página no solo se vea bien, sino que también se cargará más rápido. Elimine las cadenas de consulta cuando ejecuto mis sitios de prueba a través de Pingdom y Gtmetrix, señalan la carga innecesaria de contenido estático con cadenas de consulta, como hojas de estilo y archivos JavaScript. Este es un problema, porque muchos proxy no almacenarán recursos si tienen una serie de consultas en la URL. Hay algunas formas simples de eliminar las cadenas de consulta:

Eliminar las cadenas de consulta de los recursos estáticos elimina las cadenas de consulta de los archivos CSS y JS y promete mejorar sus puntajes de velocidad, como PagesPeed, Pingdom y Gtmetrix.
El desarrollador Paul Underwood también ofrece una excelente guía para eliminar consultas con código de su sitio web de fragmentos.
Probé con éxito ambos métodos, pero descubrí que el complemento era más conveniente, porque no tenía que mezclar con el código y podía activar y deshabilitar rápidamente el complemento. Minimiza y combina el caché total W3 proporciona configuraciones para reducir y combinar CSS y JavaScript, aunque, después de ajustar estas configuraciones, PageSpeed ​​Insights continuó diciéndome que deben reducir ciertos archivos. Entonces instalé y activé la minería. Minit es un complemento fácil del desarrollador Kaspars Dambis. Combine archivos CSS y archivos JavaScript. Después de instalar este complemento, PageSpeed ​​Insights dejó de preguntarme. Problema resuelto. Active la compresión de Gziping. Su sitio puede cargar sus páginas más rápido y reducir el tamaño del archivo hasta en un 70%. Hay varias formas en que puede activar GZIP en su sitio web: W3 Total Cache incluye una opción para activar GZIP. Vaya a rendimiento> Navegador de caché> General.
Editar .htaccess para activar GZIP. Simplemente agregue lo siguiente a su archivo .htaccess:
Los principales rawrits/8AB372E0B17EC748AAB5C1D312837A07 se cargan.
Gracias por Softstribe por el fragmento anterior.
Use un complemento de compresión. La compresión de velocidad de Gzip Ninja es un complemento GZIPPIS bastante popular.
Descubrí que el caché total W3 funcionó bien en mis sitios de prueba, aunque para el sitio web del motor WP no usé GZIP porque WordPress GZIP Compression es un complemento no correspondido. Optimice su base de datos de WordPress para mantener la base de datos ordenada puede ayudar a mantener su sitio al trabajo sin problemas, especialmente si ha experimentado y tiene complementos limpiados y tiene entradas innecesarias en la base de datos. Hay algunos complementos que pueden ayudarlo a hacer esto: WP-Optimize viene con muchas opciones para la limpieza extensa de WordPress y optimizarlo sin hacer una consulta manual. Puede eliminar el spam y los comentarios no aprobados, puede vaciar el bote de basura, eliminar trackbacks y pingbacks y puede ejecutarse automáticamente.
El administrador WP-DB le permite optimizar su base de datos, repararla, recuperarlo, restaurar, eliminar las tablas de copia de seguridad, lanzar/drenaje y ejecutar consultas seleccionadas. Este complemento también acepta la programación de copia de seguridad automática, optimizando y reparando la base de datos.
Descubrí que WP-Optimize era fácil de usar y ofrecía más funciones que WP-DB Manager. Use un CDN si desea acelerar seriamente su sitio, le recomendamos que se registre para una red de entrega de contenido (CDN). Un CDN reducirá drásticamente el retraso del servidor almacenando recursos estáticos en una red de servidores de carga rápida. Usamos uno para el sitio web de WPMU Dev. Cloudflare y MaxCDN son algunas opciones populares, aunque si no desea pagar por un servicio continuo, es posible que desee probar el servicio gratuito de CloudFlare.
CloudFlare ofrece un CDN con servidores configurados en todo el mundo.La única desventaja de usar un CDN es que puede reducir su puntaje de información de la página de páginas … que obviamente es contradictoria para cualquiera que busque mejorar el rendimiento de su sitio.La razón de esto es el análisis de PageSpeed ​​Insights solo para el front-end.La implementación de un CDN puede agregar JavaScript a su sitio, que dice PageSpeed ​​Insights de que su sitio puede ser más lento.Además, el CDN puede establecer cookies y su código ya no se aloja en un dominio sin cookies, reduciendo su puntaje. Entonces, ¿cuál es el beneficio de tener un CDN?
Aunque los puntajes rápidos no se reflejan en los puntajes frontales de las ideas de la velocidad de la página, un CDN sigue siendo una herramienta valiosa para mejorar la velocidad del sitio de backend, que las ideas de la velocidad de las páginas no analizan. Con nuestro complemento de optimización de rendimiento de Hummingbird, puede escanear sus sitios web, obtener recomendaciones detalladas y rastrear mientras sus sitios se optimizan automáticamente para una mayor velocidad. Descubra más resumen, reconozco la derrota. Un puntaje total de 91/100 es el más alto que puedo obtener en PageSpeed ​​Insights. Sí, el intento de superar el sistema me hizo frustrarse y tal vez incluso un poco, aunque generalmente aprendí mucho. Hay muchas medidas, todas subrayadas anteriormente, que puede implementar en su sitio para mejorar su rendimiento. PageSpeed ​​Insights, aunque loco, ofrece un buen indicador de que está en el camino correcto cuando intenta acelerar su sitio. Del mismo modo, Pingdom y Gtmetrix no deben ignorarse. Ambos proporcionan información útil y información más detallada sobre cómo mejorar el rendimiento. Si desea obtener una puntuación alta, es mejor experimentar con una serie de medidas y ver qué funciona mejor para configurar su sitio y servidor después de todo, cada situación es diferente. ¿Qué puntaje obtiene su sitio en las estadísticas de Google PageSpeed? ¿Qué medidas implementó para lograrlo? Cuéntanos en los comentarios a continuación. Imagen de crédito: Xmodulo. Etiquetas: CDN
alojamiento