¿Ha creado recientemente un sitio web para usted o para otra persona? Así que definitivamente debes saber que idealmente debería cargarse en 2 segundos.
¿Tienes un blog? Ciertamente, sus lectores no quieren esperar una cantidad desproporcionada de segundos para que se cargue el artículo. Seguro que tú tampoco querrías hacerlo.
Según las estadísticas la gente estaba dispuesta a esperar hasta 8 segundos para que se cargara la página en 1999. Hoy, una cuarta parte de los visitantes abandonan el sitio si no se carga en 4 segundos. Solo una carga de 2 segundos puede aumentar las salidas de carritos hasta en un 87%. Hasta el 74% de las personas se van en los teléfonos móviles si la página no se carga en 5 segundos.
Entonces, no importa cuál sea el propósito del sitio, la velocidad de carga de la página es clave en cualquier caso. Un sitio lento significa menos visitas, menos conversiones, menos compras y menos satisfacción.
¿Cómo se prueba la velocidad de la página?
Existen excelentes herramientas para medir la velocidad de carga. yo recomiendo GTmetrix o Webpagetest. Y tercero, es mejor descargar tu carga manualmente. Simplemente coge el cronómetro de tu móvil y mide el tiempo.
Page Speed Insights también es una herramienta útil de Google. Si bien no le mostrará la velocidad de carga de la página, revelará algunas de las deficiencias discutidas en este artículo.
Recomiendo la herramienta Testmysite para la velocidad de carga en teléfonos móviles .
¿Cuánto tiempo debe cargar la página para usted?
El tiempo ideal es de 2 segundos o menos. Por lo menos estas son las expectativas de los internautas y la recomendación de Google. Por supuesto, no siempre será posible lograr ese tiempo. 3 segundos también es bueno. De cualquier manera, debes acercarte lo más posible a esos 2 segundos y reducir el tiempo de carga tan pronto como puedas. Nadie se quejará de que su sitio se carga demasiado rápido.
4 factores que afectan la velocidad de una página de WordPress
- Velocidad de conexión a Internet: no afectará al visitante
- Navegador de Internet: no afectará al visitante
- alojamiento web
- Plantilla y configuración de WordPress
Echemos un vistazo más de cerca a ellos.
Velocidad de conexión a Internet
Por supuesto, cuanto más lento sea Internet, más lenta se cargará la página web.
Dado que Internet ya no se conecta a través del teléfono como antes, y tanto los ISP como los operadores móviles brindan conexiones de alta velocidad en la actualidad, no hay que tener en cuenta este factor.
De cualquier manera, no está en tu poder afectar la velocidad de la conexión a Internet de las personas que visitan tu sitio.
navegador de Internet
Otro factor es el propio navegador de Internet. En el pasado, las diferencias eran bastante significativas, pero hoy en día estas diferencias son menores. Los navegadores más rápidos son claramente Google Chrome y Firefox .
Desafortunadamente, no tiene forma de influir en qué navegador usan las personas o si usan una versión más antigua, desactualizada y potencialmente más lenta, porque es posible que el navegador más antiguo no pueda cargar algunas partes del sitio o del código.
El alojamiento web y su impacto en la velocidad de carga de la página
Cuando desea encontrar una página web a través de un navegador, básicamente le está dando un comando a una computadora remota (el servidor donde se encuentra la página web) para acceder y ver los archivos de esa página. Por supuesto, cuanto más potente sea el servidor, más rápido se cargará la página.
El rendimiento del servidor se ve afectado por:
- Recursos dedicados: cada servidor tiene un cierto rendimiento (RAM – memoria; CPU – procesadores). En el caso del alojamiento compartido, el rendimiento del servidor es «compartido» por varios sitios web. En el caso de un Servidor Virtual (VPS), ahora puede configurar los recursos del servidor según sus necesidades.
- Hardware rápido: los datos se leen de los SSD más nuevos mucho más rápido que de los HDD clásicos.
- Enlace: necesita acceso a bases de datos y otros recursos para cargar una página de WordPress. Idealmente, estos recursos deberían estar en un solo servidor para una conexión y comunicación más rápida entre ellos. Si están distribuidos en varios servidores, la carga puede ser más lenta si no está bien configurado.
Qué tener en cuenta al hospedar
Por supuesto, casi todos los proveedores de alojamiento le dirán que su solución es súper rápida porque tiene SSD o su alojamiento compartido está optimizado (lo que sea que eso signifique).
Pero un servidor diseñado para alojamiento compartido, con un funcionamiento óptimo y en condiciones ideales, puede manejar varios cientos de sitios web comunes. Si ya hay 1000 o más, el servidor puede usar sitios «vecinos» y, por lo tanto, ralentizarlo.
Otro ejemplo: para un jugador fuerte que se enorgullece de un alojamiento rápido no solo para sitios de WordPress, tengo dos sitios de WordPress. Uno tiene una velocidad de respuesta del servidor de 0,53 segundos según Pagespeed Insights, que podría ser más rápido, pero puedes decir que está bien. Pero el otro sitio tuvo una respuesta del servidor de 2 segundos. Solo para explicar, la respuesta del servidor no significa cargar toda la página, solo el tiempo desde que el servidor comenzó a enviar archivos de página. No fue hasta que hice algunos cambios en la configuración que pude reducir el tiempo total de carga a 1,6 segundos.
Qué significa eso? ¿Tienen hosting de mala calidad? Definitivamente no. Estoy feliz, pero me enseñó a no creer en las afirmaciones de alojamiento rápido. Simplemente, hasta que no lo pruebes, no harás ningún ajuste en tu configuración de WordPress de lo que hablaremos en un momento, la web no funcionará más rápido. La empresa de alojamiento no realizará esos cambios por usted, incluso esas modificaciones no siempre son una garantía del 100 por ciento de un sitio web rápido en un alojamiento determinado.
El mismo sitio con la misma configuración puede funcionar más rápido en alguna parte, un poco más lento en alguna parte. Por lo tanto, hasta que ejecute el sitio en vivo, no estará realmente seguro.
Consejo del editor: recomendamos utilizar WY o alojamiento WebSupport .
Cómo acelerar la carga de WordPress
Actualizaciones periódicas
No me refiero solo a las actualizaciones de WordPress como tal, sino también al trasfondo tecnológico del hosting. La mayoría debe ser realizada por su proveedor de alojamiento, pero a menudo puede configurar algunas cosas usted mismo en la interfaz de administración de su alojamiento. Uno de ellos debería ser una actualización de PHP 7 , si aún no lo ha hecho.
Si no lo sabe, PHP es un lenguaje de secuencias de comandos para crear sitios web dinámicos e interactivos. Y sí, WordPress también se basa en él.
¿Y por qué debería al menos actualizar su PHP a la versión 7? Porque es posible que notes una aceleración significativa de tu sitio. Encontrarás varias comparaciones de velocidad con la versión anterior. aquí , aquí y aquí .
Sin embargo, asegúrese de que su plantilla sea totalmente compatible con la nueva versión de PHP, de lo contrario, puede tener problemas para mostrar algunos elementos en el sitio o en todo el sitio.
Elija una plantilla de WordPress optimizada para la velocidad
Elegir una plantilla de WordPress es uno de los 3 pasos para crear un sitio de WordPress .
Pero, en general, cuanto más código haya en una página, más tiempo se cargará la página. Lo mismo es cierto para las plantillas codificadas incorrectamente.
También tienes muchas opciones para elegir plantillas en el sitio web oficial de WordPress. Debido a que son gratuitos, no es necesario actualizarlos periódicamente ni codificarlos correctamente. Esta solución es mejor si recién está comenzando con sitios web o blogs. Sin embargo, para estar más seguros, es mejor invertir en una plantilla paga.
Personalmente, tengo experiencia con Divi (logré reducir la velocidad de carga a los 1,6 segundos mencionados desde los 4 segundos originales) y OptimizePress , que están bien programados, se actualizan regularmente y son bastante rápidos.
Ciertamente puede encontrar otros de esta manera, pero asegúrese de que los programadores también pensaron en la velocidad, no solo en computadoras de escritorio sino también en dispositivos móviles.
Eliminar códigos de seguimiento innecesarios
Como has leído en el párrafo anterior, cuanto más código tengas en tu página, más lento se cargará. Varios códigos de seguimiento de marketing, como el píxel de Facebook, las herramientas de seguimiento del comportamiento web, como Hotjar, Smartlook, etc., también pueden causar un problema en este sentido.
Si no los usa, elimínelos por completo o intente implementarlos en el sitio a través de Google Tag Manager, a través del cual puede administrar varios códigos sin tener que incrustarlos en la web. Esto reemplazará varios códigos por uno.
Use los complementos de WordPress sabiamente
Los complementos de WordPress son algo útil. Si desea alguna funcionalidad que le falta en el sitio, fácilmente encontrará el complemento necesario , ya sea gratuito o de pago.
Pero cuanto más tenga en su sitio, más lento se puede cargar. Además, si está mal programada, la página web puede ralentizarse aún más. Así que la regla básica es cuantos menos complementos, mejor .
Limpia tu base de datos
La base de datos de su sitio puede llenarse gradualmente de datos innecesarios. Por lo tanto, es útil limpiar la base de datos de vez en cuando, por ejemplo, de revisiones de páginas que no necesita. Por ejemplo, un complemento lo ayudará a limpiar WP-Optimizar o WP-Sweep. También puede establecer el número máximo de revisiones manualmente a través de wp-config.php .
Eliminar elementos que tardan mucho en cargarse
Los elementos populares en el sitio incluyen controles deslizantes. son agradables, pero completamente inútiles para la mayoría de los sitios, empeoran las conversiones , a las personas no les gustan y, si lo hacen, en la mayoría de los casos solo en la primera diapositiva.
Lo peor de todo: ralentizan tu página. Muchos silders se cargan en hasta 2 segundos.
Fuente: https://soliloquywp.com/wordpress-slider-slow-to-load-heres-why-and-how-to-fix-it/
Cuando considera que, idealmente, su página completa debería cargarse en 2 segundos y solo carga un control deslizante durante ese tiempo, es un rendimiento bastante malo. Por lo tanto, lo mejor es reemplazar el control deslizante por un elemento más rápido que cumpla el mismo propósito. O si insistes en ello, busca uno que cargue más rápido.
Reducir el número de solicitudes al servidor
Al buscar el dominio de la página en el navegador o al hacer clic en el enlace a la página, envíe la solicitud al servidor donde se encuentra la página. Pero este requisito no es realmente uno. Hay varios, desde archivos hasta varios scripts.
Como ya puedes adivinar, cuantas más solicitudes, más lenta es la carga. Entonces, ¿qué puedes hacer para reducir su número?
- Mostrar solo las primeras oraciones al hacer clic en los artículos
- Divida el artículo en varias páginas ( instrucciones prácticas )
- Reducir el número de artículos que se muestran en la página, como 5
- Deshabilite los complementos que no necesita
- Reducir el número de imágenes/videos en la página
- Usa el llamado carga diferida, lo que significa que elementos como imágenes o videos se cargan solo cuando el usuario se desplaza por la página hasta el elemento, usando este o este complemento.
Optimizar (comprimir) imágenes
Las imágenes ocupan mucho más espacio que el código de texto normal. Por lo tanto, es importante tener imágenes que ocupen la menor cantidad de datos posible manteniendo su calidad.
Puede reducir su tamaño antes de subirlo a WordPress a través de Tinypng.com. Una solución aún más rápida es el complemento WP Smush o EWWW Image Optimization , que pueden reducir automáticamente las imágenes cuando se cargan en WordPress.
Insertar videos
WordPress puede reproducir fácilmente los videos que cargue, pero es mucho mejor cargar el video en YouTube, por ejemplo, e incrustarlo en su sitio a través de la función de incrustación. ¿Por qué? Debido a que los archivos de video tienden a ser más grandes y cargarlos desde el servidor también ralentizaría la carga de la página.
Aprovecha el almacenamiento en caché
Un caché es un caché rápido que se utiliza para almacenar temporalmente archivos o datos para que las futuras solicitudes de esos datos se realicen más rápidamente.
Para simplificar las complicaciones, solo necesita usar complementos de almacenamiento en caché como WP Rocket , WP Super Cache o W3 Total Cache (lo recomiendo).
Con W3 Total Cache y compresión de 3 imágenes conseguí reducir la velocidad de carga de los 4 segundos originales a 1,6 segundos en una de mis webs.
Deshabilitar enlaces activos
Existen dos formas básicas de mostrar contenido multimedia enriquecido, como imágenes o videos, en su sitio. Puede subirlos directamente a su WordPress o vincularlos a través de una URL para enviar una solicitud de descarga desde otro servidor.
Entonces, si carga una imagen directamente en su alojamiento de WordPress, su código html se verá así:
<img src = «nazovobrazka.jpg»>
Si estuviera viendo una imagen de otro sitio, el código html se vería así:
<img src = «https: //domena.koncovka/nazovcudziehoobrazka.jpg»>
Si ve archivos multimedia de otros sitios de esta manera, esto no es un problema a menos que estén protegidos por derechos de autor. Sin embargo, si otros sitios mostraran sus archivos de esta manera, podría ser un problema porque otros sitios le enviarían solicitudes a su servidor. En otras palabras, lo cargarían y, por lo tanto, lo retrasarían.
Es importante tener esto en cuenta con portales/sitios web más grandes que funcionan con muchas imágenes o videos. Puede deshabilitar el hotlinking agregando el siguiente código a su archivo .htaccess:
Motor de reescritura en
ReescribirCond%{HTTP_REFERER} !^$
ReescribirCond%{HTTP_REFERER} !^ http(s): //(www\.)vasadomena.koncovka/.*$ [NC]
RewriteRule \.(Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ – [F]
Simplemente ingrese su dominio en la penúltima línea, y en la última línea también puede elegir el tipo de archivos para los que desea deshabilitar los enlaces directos.
Minificación de código, compresión Gzip
Si observa el código fuente de un sitio de WordPress (presionando ctrl + uv en Chrome), verá una gran cantidad de códigos html, css o javascript.
La compresión Minify / Gzip significa que lo que ve puede ser más pequeño y, por lo tanto, ocupa menos espacio. En otras palabras, refleja su página más rápido para cargar.
Funciona con un principio simple. Imagina que el código de la página es AA BBB CCC DDDDD. En pocas palabras, también podría ser 2A 3B 3C 5D. Los catorce caracteres originales pueden así reducirse a ocho.
De esta manera, puede tomar el código de su sitio y reducirlo en decenas de por ciento con un principio similar.
¿Cómo hacerlo? Esto se puede hacer usando los complementos mencionados anteriormente WP Rocket , WP Super Cache, W3 Total Cache, luego el complemento La optimización automática o, en el mejor de los casos, la minificación del código y la compresión Gzip son parte de su plantilla de WordPress.
Al elegir un programador, asegúrese de conocer las mejores prácticas
Si desea programar una plantilla de WordPress de acuerdo con sus requisitos específicos, asegúrese de que el programador no esté familiarizado con las recomendaciones mencionadas anteriormente y que las conozca bien. Tener un buen sitio web con el código incorrecto no sería una ganancia para usted.
También debería poder minimizar todas las solicitudes de PHP y los accesos a la base de datos.
En la práctica, los requisitos de PHP innecesarios se verían así:
<título><php bloginfo(‘nombre’); ?> <?php bloginfo(‘descripción’);></ título>
<enlace rel = «icono de acceso directo» type = «imagen / x-ico» href = «& lt?php bloginfo (‘template_url’); ?>/favicon.jpg «/>
<enlace rel = «hoja de estilo» type = «texto/css» media = «pantalla» href = «<php bloginfo (‘hoja de estilo_url’); ?>«/>
<enlace rel = «hoja de estilo» type = «texto/css» media = «print» href = «<php bloginfo (‘plantilla_url’); ?>/imprimir.css «/>
<enlace rel = «alternativo» tipo = «aplicación / rss + xml» título = «RSS .92» href = «<php bloginfo (‘rss_url’); ?>«/>
En su lugar, deben convertirse en entradas html de texto normal, que podrían verse así:
<título> El nombre de su sitio de WordPress< / título>
<link rel = «icono de acceso directo» type = «image/x-ico» href = «http://nazovvasejdomeny.sk/wp-content/themes/sablona/favicon.jpg» />
<enlace rel = «hoja de estilo» type = «texto/css» media = «pantalla» href = «http://nazovvasejdomeny.sk/wp-content/themes/sablona/style.css» />
<enlace rel = «hoja de estilo» type = «text/css» media = «print» href = «http://nazovvasejdomeny.sk/wp-content/themes/sablona/print.css» />
<enlace rel = «alternativo» tipo = «aplicación / rss + xml» título = «RSS .92» href = «nazovvasejdomeny.sk/feed/rss/» />
Una palabra al final
Si has leído hasta aquí, felicidades, porque había mucho. Pero ahora está mucho mejor preparado para acelerar la carga de la página que la mayoría de las personas que tienen un sitio de WordPress.
Por supuesto, no tiene que utilizar todos los procedimientos que se han mencionado aquí. Empieza con lo que puedas. Asegúrese de no pasar por alto la optimización de la imagen, ya que la mayoría de las veces puede ahorrar mucho espacio allí.
Alternativamente, si conoce otras formas de acelerar la carga de la página, compártalas en los comentarios.
Was this article helpful for you? Support me by sharing, please. 👍