Google suele ser reservado sobre cómo funcionan el SEO y la clasificación de los sitios web. Sin embargo, una cosa es segura: la velocidad de la página es un factor enorme. El gigante de los motores de búsqueda tiene dicho, “Desarrollamos algoritmos para promover páginas más utilizables sobre las menos utilizables, en igualdad de condiciones. Estos algoritmos analizan señales que indican si todos nuestros usuarios pueden ver el resultado, como … si los tiempos de carga de la página funcionan bien para usuarios con conexiones lentas a Internet “.

Tener un sitio web súper rápido, tanto en la versión de escritorio como en la versión móvil, es esencial para el éxito de su sitio web. 70% de los compradores online dicen que la rapidez con la que se carga un sitio web tendrá un impacto negativo en su disposición a comprar en ese sitio web en particular. Lo último que desea es perder clientes frente a sus competidores porque su sitio web se carga demasiado lento.

Lo guiaremos paso a paso sobre cómo mejorar la velocidad de sus sitios web, incluido todo, desde cómo elegir el plan de hosting adecuado para optimizar su sitio.

1. Actualización de su plan de hosting

Al elegir un plan de hosting, es posible que se sienta tentado a elegir el plan más económico. Los planes de hosting compartido tienden a ofrecer el costo más bajo, pero también pueden ralentizar su sitio web. A través de un plan de hosting compartido, debe compartir los recursos del servidor con innumerables otros clientes.

Si experimenta niveles más altos de tráfico o necesita más recursos de los que puede ofrecer un entorno de hosting compartido, es posible que desee actualizar sus planes de hosting. Aquí hay algunas opciones:

  • Servidores dedicados. Los servidores dedicados son élites en el universo del hosting. Ofrecen amplios recursos de un servidor físico completo que funciona solo para cumplir con los requisitos de su sitio web. Como resultado, no existe la amenaza de una velocidad lenta causada por la carga de trabajo de otros sitios web. Además, también vienen con hardware de nivel empresarial, que acelera automáticamente el rendimiento de su sitio web. También puede personalizarlo para que se ajuste a sus especificaciones exactas. Sin embargo, el mayor inconveniente es que es el tipo de hosting más caro.
  • hosting VPS. Para aquellos de ustedes que aún no pueden pagar un plan de hosting dedicado, existe la opción viable de hosting de Servidor Privado Virtual (VPS). Este tipo de hosting ofrece muchos beneficios de servidor dedicado a precios mucho más bajos. Tendrá acceso completo a la raíz para configurar y controlar todos los recursos de servidor particulares de su servidor virtualizado. Por lo tanto, su sitio web puede utilizar todas las unidades de los recursos asignados, como RAM, núcleos de CPU y ancho de banda. Como muestra la siguiente imagen basada en la prueba de AccuWeb, VPS puede cargar sitios web a una velocidad mucho mayor que el hosting compartido:

Consejos para acelerar su sitio web

2. CDN

Una CDN, o Content Delivery Network, es el servicio responsable de entregar páginas web y otro contenido web a su usuario. Consiste en una cuadrícula de servidores locales, todos los cuales contienen una copia del contenido “pesado” de su sitio web: imágenes, archivos estáticos, etc. Cuando un usuario navega a su sitio, el centro de datos CDN más cercano al usuario le sirve el contenido del sitio web.

¿Qué CDN debería usar, entonces? Recomendamos comenzar con Cloudflare, simplemente porque su servicio es confiable, fácil de configurar y tiene un plan básico gratuito que admite SSL.

Algunos consejos de nuestros expertos: “El uso de CDN de Cloudflare también ayuda a migrar su sitio web a

un host más rápido, además, no hay tiempo de inactividad. Reemplazar su host por uno más rápido es algo que siempre debe considerar. Pero recuerde esto: si está realizando cambios significativos en su sitio web, elimine los archivos o pause el servicio mientras su equipo está allí. Si los cambios son solo textuales, estará bien tal como está “.

Muchas veces, su proveedor de hosting le proporcionará Cloudflare de forma gratuita. Lea la letra pequeña antes de elegir un proveedor de hosting para ver si tiene acceso a este beneficio.

3. Complementos de almacenamiento en caché

Esta es probablemente la táctica más conocida para optimizar sitios web para mejorar la velocidad. Si bien hay increíbles complementos de almacenamiento en caché gratuitos disponibles, como WP Total Cache o WP Super Cache, es posible que desee considerar pagar por una versión premium, en el caso de que su sitio web esté tratando de alcanzar una clasificación más alta o tenga ventas bien definidas / embudo de marketing en su lugar.

Una advertencia: “Algunas características del complemento de caché traen una mejora mínima en términos de tiempo de carga y tienen el potencial de interferir con otros complementos instalados en su sitio web de WordPress. Tenga esto en cuenta y siempre pruebe para ver cómo afectan su sitio web.

Para medir la velocidad del sitio, Booster Monster usa principalmente Pingdom, y ocasionalmente también GTMetrix. Solo asegúrese de probar su sitio web desde una ubicación más cercana a su anfitrión “.

La configuración del complemento de caché puede parecer intimidante, pero simplemente pruebe la funcionalidad de su sitio web para asegurarse de que todo esté en su lugar. Si nada ha cambiado y Pingdom muestra que tu velocidad ha aumentado, ¡bien hecho, tú!

Es importante tener en cuenta que el almacenamiento en caché no puede hacer mucho por las personas que visitarán su sitio web por primera vez. Para los nuevos visitantes, el navegador debe cargar cada componente en la página web desde los datos del servidor.

4. Caduca los encabezados

Si tiene más del 10% de visitantes recurrentes (que puede verificar con Google Analytics), debería considerar usar .htaccess para configurar sus encabezados de caducidad. No es muy divertido hacerlo manualmente, pero afortunadamente algunos complementos pueden hacerlo por ti.

Utilice este complemento como atajo:

https://wordpress.org/plugins/far-future-expiry-header/

Solo recuerde que este puede crear un conflicto con el complemento de almacenamiento en caché de WP Rocket (pero si tiene ese complemento premium, está listo para comenzar).

5. Comprima su sitio web con gzip

Si solo quita una cosa de este artículo hoy, debería ser la sugerencia de CDN. Pero si desea algo rápido y confiable que mejore significativamente la velocidad de su sitio, eso sería habilitar la compresión gzip.

Gzip puede ayudar a su sitio a ahorrar ancho de banda y acelerar al comprimir las respuestas HTTP basadas en el navegador. Busca las cadenas recurrentes aquí y reemplaza cada una de ellas con punteros que dirigen a su primera instancia. Hacer esto puede, en última instancia, reducir el tamaño de las respuestas HTTP hasta en un 70%. Puede usarlo para minimizar tipos de archivos particulares o lenguajes específicos como HTML, XML, CSS, JavaScript, etc.

Este clip muestra cómo editar el archivo .htaccess. Tenga cuidado y haga una copia de seguridad del archivo antes de cambiarlo. Puede hacerlo utilizando el administrador de archivos cPanel de los sitios web o mediante FTP.

https://www.youtube.com/watch?v=fzm1O_A1Uw4

6. Minimice sus archivos CSS y JS

La minificación es un proceso similar a la compresión Gzip. Básicamente, la minificación significa deshacerse de los comentarios y espacios (o directivas en el código que nunca se usan), para que su código sea más liviano. Este principio es válido en general: si su sitio web tiene un tamaño inferior a 1 MB, tiene más posibilidades de cargarse rápido. Muchos complementos ayudan con la minificación, y algunos complementos de almacenamiento en caché también lo admiten tremendamente bien.

¿Por qué no considerar el complemento que usamos principalmente en nuestros sitios web? Para probarlo, ve aquí.

7. Utilice CSS Sprites

Quizás el consejo más difícil de aplicar de esta lista sea el uso de CSS Sprites. Esto generalmente requiere la ayuda de un desarrollador y principalmente ayuda a los sitios web con registros de gráficos. CSS Sprites ayuda a crear una imagen grande a partir de todas sus imágenes e íconos pequeños y luego le enseña a su sitio web cómo encontrar cada imagen específica dentro de la imagen más grande.

No podemos enfatizar lo suficiente la cantidad de solicitudes HTTP que guarda esta técnica. Entonces, si desea que su sitio web se cargue rápido como un jefe, ordene a su chico o contrate uno en Upwork.

8. Utilice mod_pagespeed

El módulo mod_pagespeed de Google en realidad no es una característica de su sitio web, sino más bien una característica de su host. Le recomendamos encarecidamente que considere activarlo y probarlo para ver si se ajusta a las necesidades de su sitio web.

9. Elimine todos los JS / CSS externos

Este consejo se menciona mucho en Google Page Speed ​​Insights y se analiza en detalle en toda la web. Entonces, en lugar de entrar en bits y bytes, simplemente pondremos esto aquí para que lo consideres:

http://wordpress.org/plugins/footer-javascript/

10. Imágenes optimizadas

Las buenas imágenes de alta definición causan una gran impresión en el sitio web. Sin embargo, su enorme tamaño también reduce el rendimiento general del sitio web al reducir la velocidad.

Optimice estas imágenes para que sean más compatibles con Internet reduciendo su tamaño. Para ello, puede comprimir la imagen, recortarla o modificar su resolución.

Tinypng es una excelente herramienta en línea que comprime imágenes para optimizarlas para su publicación en la web.

Puede realizar estas optimizaciones manualmente o tomar la ayuda de herramientas especializadas como Photoshop, Gimp, Picresize, etc.

También hay un complemento gratuito en WordPress llamado WP-Smushit que escanea la imagen en busca de datos ocultos y elimina las partes innecesarias.

11. Solicitudes HTTP minimizadas

Una de las principales razones detrás de la velocidad increíblemente baja de un sitio web son demasiadas solicitudes HTTP que se ejecutan en segundo plano. Puede ver su número exacto realizando una prueba de velocidad en Pingdom. Luego, puede ordenarlos según el tamaño del archivo y el tiempo de carga. Puede aumentar la velocidad de su sitio averiguando cuáles ralentizan más su sitio y eliminándolos.

12. Scripts externos minimizados

A menudo agregamos muchos scripts externos para agregar una insignia o mostrar los cuadros emergentes. También pueden ser conjuntos de iconos como Font Awesome, cuadros de me gusta de páginas de Facebook, servicio de análisis web o un sistema de comentarios externo como Disqus.

Todas estas características adicionales traen consigo una cantidad considerable de fragmentos de código adicionales. Como resultado, el tamaño total de la página aumenta y reduce la velocidad de carga. Puede decidir cuál de ellos es innecesario y requiere más tiempo a través de Pingdom y eliminar los que encabezan esa lista.

13. TTFB minimizado

TTFB significa Time To First Byte, que mide el período de espera de un navegador para obtener información del servidor. Después de este período, el navegador recibe el primer byte de datos. Dentro de este tiempo, suceden tres cosas: búsqueda de DNS, procesamiento del servidor y respuesta.

Según Google, este período no debería durar más de 200ms. Compruebe cuánto tiempo tarda su sitio a través de WebPageTest o las Herramientas para desarrolladores en Chrome (la opción Cascada en la pestaña Red). Si su sitio web no pasa la prueba, habilite el almacenamiento en caché para reducir la creación de contenido dinámico en el lado del servidor.

14. Carga asincrónica

Los scripts como JavaScript y CSS tienden a cargarse individualmente a través de Carga sincronizada. Al hacer que se carguen de forma asincrónica, todos ellos serán una acción al mismo tiempo, reduciendo el tiempo de carga de las páginas web. Hay una opción para esto en el complemento WP Rocket además de la opción CSS / JS de bloqueo de procesamiento en la pestaña Archivos estáticos.

Implemente los trucos o soluciones que le parezcan más prácticos y efectivos para su sitio. Elija VPS o hosting dedicado, o confíe en los complementos y herramientas especializados para hacer que su sitio web alcance nuevas alturas.

¿Qué más podemos hacer para mejorar la velocidad y podemos conseguir que alguien más lo haga por nosotros?

Los dueños de negocios obtienen mejores resultados de sus sitios web haciendo solo una cosa: aumentar la velocidad del sitio. Cuando impulsa su sitio web, también se encarga de optimizar sus imágenes, editar su .htaccess por usted, configurar sus complementos para un mejor rendimiento y abordar cualquier obstáculo o cuello de botella en su sitio web para asegurarse de que se cargue lo más rápido posible. .

¡Diviértete acelerando tu sitio web! Seguramente sus clientes lo agradecerán.