Las opiniones del autor son completamente suyas (con la excepción del evento improbable de la hipnosis) y es posible que no siempre reflejen las opiniones de Moz.
Un resumen histórico de la misión de Google para hacer que la Web sea más rápida
En 2009, al lanzar un llamado a los brazos para «hacer que la Web sea más rápida», a Google se le encomendó la misión de persuadir a los propietarios de sitios web para asegurarse de que sus sitios se carguen más rápido.
Con el fin de incitar a los propietarios de los sitios web a preocuparse, Google anunció en 2010 que la velocidad del sitio se convierte en un factor en sus algoritmos de clasificación de los motores de búsqueda de oficina (no móviles). Esto significa que los sitios que se cargan rápidamente tendrán una ventaja de SEO sobre otros sitios web.
Seis años después, en 2015, Google anunció que la cantidad de búsquedas realizadas en dispositivos móviles había superado a las realizadas en computadoras de escritorio. Este porcentaje sigue aumentando. Las últimas estadísticas publicadas indican que a partir de 2019, el 61% de las búsquedas realizadas en Google provienen de dispositivos móviles.
El papel inactivo de los dispositivos móviles en la búsqueda ha llevado a Google a desarrollar su proyecto Accelerated Mobile Pages (AMP). Esta iniciativa tiene como objetivo alentar a los propietarios de sitios web a crear lo que es esencialmente otro tema móvil, además de su tema móvil receptivo, que respeta un conjunto muy estricto de directivas de desarrollo y rendimiento.
Aunque se requiere que muchos propietarios de sitios y referentes aprovechen la velocidad de la página y el AMP, además de los más de 200 factores de clasificación que les brindan titulares, la velocidad de la página es, de hecho, un esfuerzo loable en el que los propietarios de los sitios deben concentrarse. En 2017, Google realizó un estudio en el que los resultados justifican en gran medida su objetivo de hacer que la Web sea más rápida. Descubrieron que «Siempre que el tiempo de carga de la página sea de un segundo a 10 segundos, la probabilidad de que un visitante acceda al sitio móvil aumenta en un 123 %.“
En julio de 2018, la velocidad de la página se convertirá en un factor de clasificación para las búsquedas móviles, y hoy Google integrará aún más factores relacionados con la velocidad (llamados Web Essentials) en sus algoritmos de clasificación.
La duración media de la atención humana es cada vez menor y nuestra dependencia de nuestros dispositivos móviles es cada vez mayor, no cabe duda de que la velocidad de las páginas es, y seguirá siendo, una elección sumamente importante para los propietarios de sitios web.
Cómo optimizar un sitio web para la velocidad
Piensa como un piloto de carreras
Gagner, la carrera de velocidad de la página, requiere las mismas cosas que ganar una carrera de automóviles. Para ganar un viaje en automóvil, asegúrese de que su vehículo sea lo más liviano posible, lo más potente posible y navegue de la manera más eficiente posible en el circuito.
Usaré esta analogía para tratar de hacer que las técnicas de optimización de las páginas sean un poco más comprensibles.
Haga una cita
En nuestros días, los sitios web son más hermosos y funcionales que nunca, pero también significa que son más grandes que nunca. La mayoría de los sitios web modernos son el equivalente a un autobús de fiesta o una limusina. Son súper chic, se encargan de todo tipo de comodidades, y por lo tanto LOURDS y LENTS. En el buscador «hipódromo», no serás recompensado con un autobús de fiesta o una limusina. Tendrás aire fresco, pero perderás.
Fuente de la imagen: una página de resultados de prueba de GTMetrix
Para ganar la Page Speed Race, necesitas un vehículo de carreras que funcione correctamente. Los autos de carrera no cuentan con radios, tapices, guantes o cajas ni nada que no sea absolutamente necesario. Del mismo modo, su sitio Web no debe estar cargado con animaciones elaboradas, planos de fondo de video, imágenes enormes, widgets sofisticados, complementos excesivos o cualquier otro elemento que no sea absolutamente necesario.
Además de descomprimir su sitio de fantasía inútil y el exceso de complementos, también puede reducir el peso del sitio web al:
Reducir el número de secuencias de comandos de niveles (extracciones de código que envían o reciben datos de otros sitios web)
Pase a un tema más ligero (menos código pesado) y reduzca la cantidad de políticas utilizadas
Posición de la AMP
Optimizar imágenes
Compresión y minificación del código.
Optimización periódica eficaz de la base de datos
En un sistema de administración de contenido de código abierto como WordPress, hay complementos de velocidad disponibles que pueden hacer que muchas de estas tareas sean mucho más fáciles. WP Rocket e Imagify son dos complementos de WordPress que se pueden usar juntos para ponderar considerablemente el peso de su sitio web a través de la optimización, compresión, minimización de imágenes y una variedad de otras prácticas de velocidad de página.
Dale más poder
Usted no maneja un carrito de golf en un auto de carrera, entonces, ¿por qué incluir su sitio web en un plan de alojamiento compartido bien surtido? Puede que te resulte difícil pagar más de unos pocos dólares al mes por alojamiento si estás en uno de estos planes durante mucho tiempo, pero una vez más, carritos de golf contra coches de carreras: ¿quieres ganar este curso o no?
Los planes tradicionales de alojamiento compartido agrupan decenas de miles de sitios web en un solo servidor. Esto deja a cada sitio individual conocido para calcular la potencia.
Si quieres correr en las grandes ligas, es hora de contratar un plan de alojamiento para adultos. Para los sitios de WordPress, las empresas de alojamiento gestionan que WP Engine y Flywheel utilicen servidores potentes y específicamente regulados para atender los sitios de WordPress más rápido.
Si el alojamiento de WordPress no es su truco, o si no tiene un sitio de WordPress, subir de nivel a un VPS (servidor privado virtual) le dará a su sitio web muchos más recursos informáticos a su disposición. También tendrá más control sobre su propio entorno de alojamiento, lo que le permitirá «parametrizar su motor» con elementos como las últimas versiones de PHP, MySQL, almacenamiento en caché de Varnish y otras tecnologías modernas de servidor web. Ya no agradecerá la comodidad de su empresa de alojamiento mutuo porque cobra cada vez más sitios web en su servidor ya gravado.
En resumen, poner su sitio web en un entorno de alojamiento bien mantenido puede ser como ponerle un compresor a su automóvil.
comportarse mejor
Último punto, pero no menos importante, un auto de carreras liviano y poderoso puede ir rápido sin un piloto calificado que pueda comentar y navegar el recorrido de manera efectiva.
La parte «navegar en el curso» de esta analogía hace referencia al proceso de un navegador Web cargando una página Web. Cada elemento de un sitio Web es otro giro que tiene que recorrer el navegante mientras navega por el código y ordena la página.
Voy a cambiar la analogía ahora mismo para tratar de explicar esto más claramente. Durante la reforma de una casa, verás las piezas antes de reparar las suelas. Si te atienes a los soles entonces repetirás las piezas, se pintarán los nuevos soles y tendrás que volver a ocupar los soles después.
Cuando un navegador carga una página Web, pasa por un proceso de llamada (por coincidencia). Cada página está «pintada» en la medida en que el navegador recibe bits de datos del código fuente de la página web. Este proceso de pintado se puede realizar de forma eficiente (es posible pintar las paredes antes de devolver las suelas), tanto si se ha hecho de forma más caótica y desordenada que requiere varias vueltas al inicio del proceso de reparación o reparación como si se añade algo . esto podría/debería haberse hecho más temprano en el proceso.
Fuente de la imagen: Resultado de la prueba de WebPageTest.org (Pellicle View)
Es aquí donde las cosas pueden volverse técnicas, pero es importante hacer todo lo que esté a su alcance para ayudar a su sitio a pilotar la «pista» de manera más eficiente.
El almacenamiento en caché es un concepto que todo sitio web debe tener para facilitar la carga de una página web en el navegador. Ya debe llevar mucho tiempo para un navegador acceder a todo el código fuente de una página y presentarlo visualmente al usuario, mientras tiene este código fuente listo para ser utilizado en el servidor. De forma predeterminada, sin almacenamiento en caché, este no es el caso.
Sin caché, el CMS del sitio Web y el servidor siempre pueden trabajar en la generación del código fuente de la página Web mientras el navegador espera encontrar la página. Esto puede obligar al navegador a hacer una pausa y esperar más código de servidor del servidor. Con el almacenamiento en caché, el código fuente de una página se compila previamente en el servidor para que esté completamente listo para enviarse al navegador de una sola vez. Piense en ello como una fotocopiadora que tiene numerosas copias de un documento ya producido y listo para ser distribuido, en lugar de hacer una copia a pedido cada vez que se hace la solicitud.
Se pueden realizar diferentes tipos y niveles de almacenamiento en caché a través de complementos, su empresa de alojamiento y/o a través de una CDN (red de entrega de contenido). La CDN no solo proporciona almacenamiento en caché, sino que también proporciona copias del código del sitio web generado previamente en una variedad de servidores en todo el mundo, lo que reduce el impacto de la distancia física entre el servidor y el usuario en el momento del cobro. (Y sí, de hecho, Internet se compone de servidores físicos que deben comunicarse entre ellos a distancias físicas. La Web no es realmente una «nube» en este sentido).
Volviendo a nuestra analogía con los autos de carreras, el uso de almacenamiento en caché y una CDN equivale a un viaje mucho más rápido en el circuito.
Estos son dos elementos básicos de un diseño de página eficaz, pero también se pueden utilizar otras técnicas. En WordPress, los siguientes elementos se pueden implementar a través de un complemento o complementos (una vez más, WP Rocket e Imagify son una combinación particularmente buena a seguir):
Carga asíncrona y/o diferentes scripts. Es esencialmente una forma elegante de hacer referencia a la carga de varias cosas al mismo tiempo o esperar más tarde para cargar cosas que no son necesarias en absoluto.
Precarga y precarga. Básicamente, recuperar datos en los enlaces…