Tener un sitio web lento es una experiencia frustrante. No solo tendrá una mala clasificación en los motores de búsqueda (la velocidad de carga es uno de los factores de clasificación en Google), sino que también le dará a su visitante una mala experiencia de usuario. Sin embargo, aunque a la mayoría de los webmasters les encantaría acelerar sus sitios web, la mayoría no tiene los conocimientos técnicos para hacerlo. Si caes en este campo y estás usando WordPress, tenemos una guía completa de optimización de velocidad para ti. Los siguientes pasos son lo que hemos hecho para este sitio y nos han funcionado bien.
Adelgazar el sitio web
Cuando un visitante visita su sitio, el navegador tiene que solicitar la página de su servidor y cargar la página en su totalidad antes de que el lector pueda verla. Esto significa que si tiene un sitio inflado, el navegador tardará mucho en descargarlo y procesarlo. Aquí hay algunas formas de reducir su sitio de WordPress:
1. Revisa el diseño del tema de tu sitio
Vuelva a evaluar el diseño de su sitio y vea si puede eliminar elementos innecesarios del sitio. No tiene sentido incluir demasiada información en la barra lateral cuando el visitante solo está interesado en el contenido real. Aquí hay algunas cosas que puede eliminar:
- Control deslizante de fantasía, animación y efectos.
- Varios widgets en la barra lateral
- Anuncios: solo si ha agregado demasiados anuncios. En algunos casos, puede ganar más con menos anuncios.
2. Deshazte de complementos innecesarios
Hay dos tipos principales de complementos de WordPress: uno que afecta solo al área de administración y otro que agrega contenido adicional al sitio. Para este último, siempre va acompañado de archivos javascript y css adicionales que agregarán peso extra al sitio.
Eche un vistazo a su lista de complementos y desactive los complementos antiguos que son ineficientes y ya no están en uso. Si un complemento no se ha actualizado durante mucho tiempo, es posible que también desee consultar complementos alternativos que sean más livianos y, sin embargo, puedan hacer el trabajo de manera más eficiente.
3. Reduzca el tamaño de archivo de su HTML, CSS y Javascript
Hay dos formas de reducir el tamaño total de su sitio. El primero es combinar múltiples hojas de estilo y archivos javascript en uno, y el segundo es minimizar los archivos. Minificar significa eliminar espacios y comentarios innecesarios y combinar múltiples códigos repetidos en uno. Un buen complemento que puedes usar para lograr esto es Caché total W3 enchufar.
En la página de configuración de W3 Total Cache, en «Configuración general», habilite el modo «Minimizar».
A continuación, vaya a la sección «Minimizar -> HTML y XML», marque las casillas junto a «Habilitar», «Minimización de CSS en línea», «Minimización de JS en línea» y «Eliminar salto de línea».
La siguiente es la sección «minificación de JS». Esta es una parte complicada ya que funciona para algunos temas pero no para otros. Personalmente, no tengo suerte con esta configuración, pero es posible que desee probarla y ver si funciona para su sitio.
Una cosa que recomiendo para esta configuración es usar «Minimizar» en lugar de «Combinar solo». Combinar varios javascripts juntos puede causar efectos no deseados y romper el sitio.
La última parte que debe configurar aquí es la sección «minificación de CSS». Esto le permite minimizar y combinar todo el CSS utilizado en el tema.
Para obtener lo mejor de esto, es mejor que abra su sitio web, vea el código fuente y copie todos los enlaces CSS al campo «URI de archivo» en la sección «Administración de archivos CSS». Todos los archivos CSS que agregó a este campo se minimizarán y combinarán en un solo archivo CSS.
4. Optimización de las imágenes
Los archivos de imagen suelen ser los que constituyen la mayor parte del tamaño del archivo del sitio, por lo que es importante que optimice las imágenes y las mantenga en el tamaño mínimo posible. Wp Smush es un gran complemento que optimiza tus imágenes cuando las subes. También viene con una función de smush masivo que puede optimizar todas las imágenes cargadas previamente.
Acelerar la velocidad de carga del sitio
Algunas de las formas que puede usar para acelerar la velocidad de carga del sitio incluyen:
- almacenar en caché el sitio
- establecer caché del navegador
- cambiar a jquery de google
- carga diferida de javascript
- usar carga diferida de imágenes
- usar javascript asíncrono
- utilizar CDN
Aquí hay algunos complementos que pueden hacer el trabajo anterior por usted.
1. Caché total W3
Hemos cubierto la minificación en la sección anterior, pero lo que hace que W3 Total Cache sea poderoso es su módulo de almacenamiento en caché. Primero, habilite el módulo «Caché de página» en la sección «Configuración general». En un alojamiento compartido, seleccione «Disco: Básico» para el modo de caché de página. Para VPS o servidor dedicado, seleccione «Disco: Mejorado».
Desplácese hacia abajo en la página hasta que vea la sección «Caché del navegador»; marque la casilla para habilitarlo también.
Esto habilitará tanto la memoria caché de la página como la memoria caché del navegador para su sitio. La caché de la página es simplemente una página HTML estática que se servirá en lugar de la página PHP dinámica. El caché del navegador le informa al navegador que almacene en caché su página y que la sirva desde el caché cuando el lector visite la misma página nuevamente.
2. Guión diferido de WP
La mayoría de los archivos javascript son de naturaleza bloqueante, lo que significa que el sitio tiene que esperar a que todos los archivos javascript terminen de cargarse antes de que se pueda cargar el contenido. Esto también se conoce como carga síncrona. Una de las formas de combatir esto es mover los javascripts al final de la página para que se carguen solo después de que el contenido haya terminado de cargarse.
Guión diferido de WP es un complemento útil que mueve todos los scripts en cola al final de la página. esta usando laboratorio.js en el backend y funcionará con la mayoría de los complementos. No hay ajustes para configurar. Una vez activado, aplazará automáticamente toda la carga de JavaScript hasta el final de la página. Otra cosa buena es que carga javascripts de forma asíncrona, lo que significa que carga javascript en paralelo con el contenido.
3. Fotones Jetpack
Otra buena forma de reducir la velocidad de carga es cargar todas las imágenes desde una fuente CDN. Si ha instalado el mochila propulsora complemento, la activación del módulo Photon agregará automáticamente una imagen CDN a su sitio.
Alternativamente, si está utilizando una CDN externa, como MaxCDN o Amazon CloudFront, también puede configurar el módulo CDN en el complemento W3 Total Cache para hacer uso de los servicios de CDN.
4. Carga perezosa
¿Has notado cómo las imágenes se cargan a pedido cuando te desplazas hacia abajo en la página? Esto se llama Lazy Loading, y también es una buena manera de acelerar el sitio. El complemento que estamos usando aquí es Revelar carga diferidapero si haces un buscar carga diferida, hay muchos complementos de carga diferida que puede usar; algunos incluso están optimizados para videos e iframe.
5. DFP
Si está publicando anuncios en su sitio, sabrá que los anuncios suelen ser los que tardan más en cargarse y hacen que el sitio vaya lento. Peor aún, la mayoría de los anuncios son de naturaleza síncrona y bloquearán la publicación del contenido hasta que estén completamente cargados. Una de las formas de deshacerse de este problema es servir los anuncios usando DFP de Google. Para aquellos que no lo saben, Google DFP es un programa de administración de anuncios para que administre sus anuncios.
En este sitio, estamos usando el jquery.dfp.js secuencia de comandos para cargar todas las etiquetas de DFP a pedido, de modo que no ralentice la carga del sitio. La implementación puede ser bastante complicada y no la cubriremos aquí. Si hay suficiente interés (puede expresar su interés en los comentarios), haré otro tutorial que detalla el proceso paso a paso para implementarlo en su sitio.
Conclusión
Si siguió los pasos anteriores, puedo asegurarle que su sitio ahora funciona más rápido que antes, incluso si tiene un alojamiento compartido. Una buena manera de probar la velocidad de carga de su sitio es la Perspectivas de velocidad de página de Google herramienta. Simplemente ingrese su URL y analizará su sitio por usted. Hágalo antes y después de la optimización y vea las enormes diferencias.
Credito de imagen: Yendo a ninguna parte rápido