Cómo acelerar el sitio web de WordPress (sin cambiar el servidor web)

¿Cuáles son los beneficios de acelerar un sitio web??

Como propietario de un sitio web, no debe subestimarse el impacto de la velocidad de su sitio web en el tráfico, las conversiones y los ingresos. La velocidad también es muy importante al navegar por la web a través de dispositivos móviles. Por ejemplo, la investigación de Google muestra que el 53% de los visitantes del sitio móvil abandonan una página que tarda más de tres segundos en cargarse.


Se han publicado muchos otros estudios sobre el impacto de la velocidad del sitio web. Por ejemplo, un estudio realizado en 2017 encontró que un retraso de un segundo en la carga del sitio puede reducir las visitas a la página en un 11%, disminuye la satisfacción del cliente en un 16% y elimina el 7% de la codiciada tasa de conversión.

También es importante tener en cuenta que Google ahora usa velocidad del sitio web como factor de clasificación.

En pocas palabras, tener un sitio web lento tendrá un impacto negativo en lo siguiente:

  • Tráfico y páginas vistas
  • Conversiones
  • Ventas
  • Imagen de marca y percepción en la mente de sus visitantes.

Dado que nuestro objetivo es hacer de hostingfacts.com el principal recurso para crear sitios web exitosos, hemos decidido preparar una guía sobre cómo aumentar la velocidad de su sitio web. A continuación hay 21 formas de aumentar la velocidad de su sitio web:

Usted aprenderá:

ACTUALIZAR: Antes de comenzar a optimizar su sitio web para que se cargue más rápido, hay dos cosas que debe considerar:

Primero, vaya y verifique el tiempo de carga de su sitio web actual a través de Pingdom o Google PageSpeed ​​Insights. Esto le ayuda a comparar los cambios de velocidad una vez que haya modificado su sitio.Velocidad de pingdom de HostingFacts

Información sobre la velocidad de las páginas de HostingFacts

En segundo lugar, asegúrese de hacer una copia de seguridad de su sitio, ya que algunos de los métodos requieren ajustes / edición de archivos que pueden dañar su sitio. Aquí se explica cómo hacer una copia de seguridad del sitio web de WordPress y cómo hacer una copia de seguridad de cualquier otro …

Listo? Comencemos con el PASO 1:

1. Eliminar complementos y complementos innecesarios

Los complementos y complementos innecesarios pueden reducir MUCHO la velocidad de su sitio web, y es especialmente importante prestarles atención si utiliza CMS de blogs como WordPress, Joomla o Drupal.

Un buen estudio de caso sobre el impacto que pueden tener los complementos en la velocidad de un sitio web revela cómo fue capaz de llevar la velocidad del sitio web de 4,23 segundos a 1,33 segundos. Al analizar el sitio web, se descubrió que los complementos contribuían a un enorme 86% del tiempo de carga del sitio web

Es muy importante tener en cuenta que no se trata solo de la cantidad de complementos que ha instalado en su sitio web, sino también de la calidad; un sitio web con 50 complementos puede cargarse mucho más rápido que un sitio web con 10 complementos si el sitio web con menos complementos tiene complementos deficientes; en general, desea evitar los complementos que cargan muchos scripts y estilos, complementos que realizan muchas solicitudes remotas y complementos que agregan consultas adicionales a la base de datos en cada página de su sitio web.

De hecho, los complementos ayudan a mejorar la funcionalidad de su sitio web, pero también es importante usar solo un complemento si está convencido de que es absolutamente necesario.

Si es usuario de WordPress, es posible que desee instalar el P3 (Plugin Performance Profiler);

P3_performance

Este complemento escaneará todos sus complementos de WordPress para encontrar los cuellos de botella y le dará un informe para que pueda ver cómo cada complemento afecta el rendimiento de su sitio web.

2. Limite o elimine significativamente los botones de redes sociales en su sitio web

Si cree que necesita tener 100 botones para compartir en redes sociales en su sitio web, piense de nuevo; es difícil determinar la investigación que establece un impulso masivo en el tráfico del sitio web debido a que tiene botones para compartir en redes sociales (si acaso, demasiados botones para compartir en redes sociales confundirán a sus lectores), pero la investigación muestra que un sitio web lento reduce el tráfico.

La mayoría de los botones para compartir en redes sociales usan JavaScript, y esto puede ser muy problemático cuando se trata de rendimiento; se han producido repetidos casos de interrupción en Facebook u otro sitio de redes sociales que afecta significativamente la velocidad del sitio web de las personas que instalaron sus botones para compartir.

La solución a esto es limitar / eliminar los botones para compartir en redes sociales, o configurarlos para que se carguen asincrónicamente de modo que una interrupción de un sitio de redes sociales en particular no ralentice su sitio web.

botones para compartir en redes sociales

3. Cargue el código de Analytics y de redes publicitarias de forma asincrónica

Los códigos de seguimiento de análisis y los códigos de las redes publicitarias también pueden impedir significativamente la velocidad de su sitio web, especialmente si el servidor remoto es lento o está inactivo; puede evitar fácilmente este problema configurando todos sus códigos de seguimiento para utilizar la entrega asincrónica; de esta manera, una interrupción o demora en el servidor con su red de anuncios o servicio de análisis no ralentizará su sitio web.

4. Habilitar encabezados caduca

Hay varios factores que influyen en la rapidez de un sitio web, pero el tiempo de respuesta del servidor contribuye en gran medida a la velocidad del sitio; Cuantas más solicitudes se realicen a su servidor, más lento será cargar su sitio web.

Los encabezados caducados le indican al navegador de su visitante cuándo solicitar ciertos archivos de su servidor frente a la caché de su navegador; si se configura un encabezado de caducidad para que el navegador de su visitante solo solicite un archivo una vez al mes, y ese archivo se haya almacenado en su caché de una visita reciente, entonces su navegador no volverá a solicitar ese archivo hasta que termine un mes. Esto es como una espada de doble filo para aumentar la velocidad del sitio porque limita la cantidad de solicitudes HTTP en su servidor y al mismo tiempo reduce la carga en su servidor ya que el mismo archivo no se solicitará repetidamente.

Si desea implementar encabezados de caducidad en su sitio web, este tutorial de GTmetrix le muestra cómo hacerlo..

5. Habilitar el almacenamiento en caché

El almacenamiento en caché garantiza una experiencia mucho más rápida para los usuarios de su sitio web al almacenar una versión de su sitio web en su navegador y brindarles esa versión hasta que su sitio web se actualice o hasta que se le indique que actualice la versión de su sitio web en el que se sirven..

Existen diferentes formas de habilitar el almacenamiento en caché del sitio web según la plataforma que esté utilizando; para WordPress, puede instalar los siguientes complementos:

  • W3 Caché total
  • W3 Super Cache

Si desea algo más avanzado, continúe y compre WP Rocket (¡probablemente sea el mejor!). Para Drupal, puedes seguir este recurso.

Aquí hay más tutoriales sobre cómo habilitar el almacenamiento en caché para su sitio web:

  • Cómo optimizar su sitio con el almacenamiento en caché HTTP
  • Artículo de GTmetrix sobre el aprovechamiento del almacenamiento en caché del navegador

6. Use una red de entrega de contenido (CDN)

La mayoría de los sitios están alojados en servidores en los EE. UU., Y aunque estos sitios web generalmente serán más rápidos para las personas en los EE. UU. O las personas que visiten un servicio VPN de EE. UU., Su sitio web será más lento para las personas de otras partes del mundo. Un CDN resuelve este problema distribuyendo los archivos de su sitio web a través de una red de servidores en diferentes lugares del mundo para que alguien que intente visitar desde la India reciba servicio desde un servidor en Asia en lugar de desde un servidor en Europa. Esto conducirá a un aumento significativo en la velocidad de su sitio web.

Para determinar qué tan efectivas pueden ser las CDN, Matthew Woodward realizó un experimento y descubrió que usar una CDN puede aumentar la velocidad del sitio web hasta en un 60%.

Estas son algunas de las mejores opciones de CDN para usted:

  • Cloudflare (¡su plan gratuito es lo suficientemente bueno!)
  • KeyCDN (vale la pena probarlo)

7. Obtenga un mejor servidor web

Lista de los proveedores de alojamiento web más rápidosLo siento, pero tuvimos que tirarlo aquí …

Si todo lo que está haciendo para hacer que su sitio web sea más rápido no está funcionando, o si solo nota una pequeña e insignificante diferencia en la velocidad del sitio de seguir las mejores prácticas, tal vez sea hora de cambiar su proveedor de alojamiento web.

En un artículo para Smashing Magazine, Marcus Taylor reveló cómo el proveedor de alojamiento web que se estaba utilizando afectaba la velocidad del sitio de dos de sus clientes; ambos clientes tienen sitios web similares pero un proveedor de alojamiento diferente. Uno de los clientes aloja en un servidor dedicado confiable mientras que los otros anfitriones en un servidor barato, el resultado fue una gran diferencia en el tiempo de respuesta del sitio; el tiempo de respuesta DNS del cliente en el servidor dedicado fue de 7 milisegundos, mientras que el tiempo de respuesta del cliente en el servidor barato fue de 250 milisegundos. Ningún ajuste o complemento puede remediar esa diferencia!

Su proveedor de alojamiento web es muy importante cuando se trata de la velocidad de su sitio web, así que elija algo bueno de nuestras reseñas de alojamiento aquí. Sin embargo, de acuerdo con nuestras pruebas y análisis en hostingfacts.com, esos tres proveedores de hosting deberían ser los más rápidos (<400 ms):

  1. A2 Hosting 320ms
  2. Hostinger 363ms
  3. Bluehost 380ms

Entonces, a menos que haya utilizado creadores de sitios web (como Wix, por ejemplo) para construir su sitio, investigue para encontrar el mejor host para su sitio web.

8. El tema de tu sitio web

Exactamente, ¿cuánto impacto tiene el tema de su sitio web en la velocidad en el sitio? ¡Mucho! Julian Fernandes pudo llevar el tiempo de carga de su sitio web de 630 ms a 172 ms simplemente cambiando de tema; este era el mismo sitio, con el mismo host, y no se cambió nada más que el tema del sitio web y esto resultó en un impulso masivo en el tiempo de carga del sitio.

Incluso la mejor configuración del servidor no guardará su sitio si usa un tema malo con código hinchado; asegúrese de considerar también el rendimiento cuando busque un tema de sitio web, no solo estética.

9. Instale Google PageSpeed ​​en su servidorvelocidad de la página de google

El módulo PageSpeed ​​es un módulo de servidor de código abierto de Google que optimiza automáticamente la velocidad de su sitio web; realiza modificaciones en su servidor y archivos, siguiendo las mejores prácticas de rendimiento del sitio web, sin requerir que haga nada más.

Si eres experto en tecnología, puedes instalar Google PageSpeed ​​tú mismo. Si no es experto en tecnología, puede pedirle a su proveedor de alojamiento web / desarrolladores que lo instale por usted.

10. Optimizar y reducir el tamaño de la imagen

Las imágenes no optimizadas pueden ser muy pesadas y, como resultado, utilizan muchos recursos del servidor y tardan más en cargarse; si el tamaño promedio de la imagen en su sitio web es 1mb o 2mb +, tiene mucho trabajo por hacer. Puede reducir significativamente el tamaño de su imagen mientras se asegura de que su calidad no se vea afectada negativamente mediante el uso de las siguientes herramientas:

  • WP Smush (para usuarios de WordPress)
  • EWWW Image Optimizer (para usuarios de WordPress)
  • Kraken (para todos – Drupal y Joomla)

11. Habilitar la compresión Gzip

Probablemente haya intentado comprimir un archivo en su computadora y haya visto la reducción masiva de tamaño que esto puede resultar; Un archivo de 60 MB se puede comprimir a solo 5 MB. La compresión Gzip funciona de la misma manera, pero para sitios web; Gzip comprime automáticamente los archivos de su sitio web en archivos zip, lo que reduce drásticamente el tamaño de sus archivos y, como resultado, aumenta la velocidad de su sitio.compresión gzip

En el artículo de Smashing Magazine al que hicimos referencia anteriormente, un sitio pasó de tener 68 KB a 13 KB únicamente debido a que Gzip estaba habilitado.

Si desea habilitar la compresión Gzip en su sitio web, esta guía de GTmetrix es un buen lugar para comenzar.

12. Optimice regularmente su base de datos

Esta es una forma a menudo ignorada pero muy poderosa de aumentar la velocidad de su sitio web; es especialmente efectivo si usa WordPress o cualquier CMS que depende en gran medida del uso de la base de datos.

Algunos CMS y los complementos que instala dependen mucho de su base de datos para guardar datos; esto aumenta los datos almacenados en su base de datos a medida que usa el CMS / plugin, haciendo que su sitio web sea más lento gradualmente. Esto se aplica especialmente a los complementos que guardan registros, estadísticas y datos del usuario. También se aplica si usa WordPress y habilita revisiones de publicaciones, pingbacks y trackbacks.

Puede hacer que su sitio web sea mucho más rápido limpiando regularmente su base de datos, un proceso que puede automatizarse con el complemento WP-Optimize si usa WordPress, o manualmente (para otras plataformas) siguiendo este tutorial.

13. Minify Javascript y archivos CSS

Si su sitio web utiliza muchos archivos JavaScript y CSS, existe una alta probabilidad de que su sitio le indique al navegador de su visitante que trate estos archivos individualmente; Esto lleva a muchas solicitudes que eventualmente impactan negativamente en la velocidad de su sitio. La minimización de archivos JavaScript y CSS reduce la cantidad de archivos individuales de JavaScript y CSS, al tenerlos en un solo lugar, lo que mejora significativamente la velocidad de su sitio web.

14. Combina tus imágenes de fondo en imágenes Sprites

Cuantas más solicitudes tenga que hacer el navegador de un usuario a su servidor, más lento será su sitio web para ese usuario; La mayoría de las plantillas de sitios web están formadas por múltiples imágenes de fondo, y esto termina creando varias solicitudes diferentes cada vez que un visitante intenta cargar el sitio web. La solución a esto es combinar esas imágenes en una para que el navegador de un visitante solo tenga que solicitar una imagen cuando intente cargar su sitio web; Esto se puede lograr con Sprites de imagen.

Al combinar imágenes de fondo en sprites de imágenes, podrá reducir la sobrecarga de la solicitud, la cantidad de bytes que descarga el navegador de su visitante y el retraso causado por los viajes de ida y vuelta que se realizan cuando su servidor descarga otros recursos. Esto conducirá a un sitio web mucho más rápido.

Puedes usar SpriteMe para combinar tus imágenes en sprites, o puedes seguir las sugerencias en este artículo de Smashing Magazine.

15. Habilite HTTP Keep-Alive

Por lo general, cuando el navegador web de un visitante intenta solicitar un archivo de su servidor web, tomará cada archivo individualmente; en otras palabras, una conexión se cierra cuando se ha capturado un archivo y luego se vuelve a abrir para solicitar un nuevo archivo. Esto usa más procesador, red y memoria y, finalmente, conduce a un sitio web más lento si hay mucha carga en su servidor. Habilitar HTTP keep-alive asegura que todas las solicitudes de archivos a su servidor se realizarán a través de una única conexión abierta, lo que conducirá a un sitio web mucho más rápido para sus usuarios al limitar el número de conexiones a su servidor.

Puede habilitar keep-alive copiando y pegando el siguiente código en su archivo .htaccess:

Conjunto de encabezado Connection keep-alive

Alternativamente, puede seguir estas instrucciones dependiendo de su servidor.

16. Repara todos los enlaces rotos en tu sitio web

Si bien los enlaces rotos dentro de su contenido no afectarán la velocidad de su sitio web, aunque pueden crear una mala experiencia para el usuario, los enlaces rotos en sus JavaScript, CSS y URL de imagen pueden hacer que su sitio web sea irritantemente más lento; asegúrese de escanear estos aspectos de su sitio web en busca de enlaces rotos y corregirlos antes de que alejen a sus usuarios.

17. Evita el enlace directo de imagen

El enlace directo de imagen, también conocido como “enlace en línea” es el acto de vincular a una imagen en el sitio web de otra persona, en lugar de cargar la imagen en su propio servidor. En la superficie, esto parece un acto que le ahorrará mucho ancho de banda, especialmente si tiene un sitio de alto tráfico, pero en realidad puede hacer que su sitio web sea realmente lento si el sitio web que aloja la imagen que ha enlazado está experimentando un tiempo de inactividad o es lento.

Ya sea que se trate de imágenes dentro de su contenido o imágenes de banner para sus anuncios, asegúrese de alojar primero sus imágenes en su sitio web antes de vincularlas..

18. Limite el número de solicitudes externas

Para garantizar un sitio web totalmente funcional, debe confiar en los archivos y recursos de otros sitios web; Como resultado, debe incrustar videos, presentaciones y otros archivos multimedia. Si bien esto no es necesariamente malo, si es demasiado o si solicita archivos externos de sitios web lentos, puede tener un impacto en el tiempo de carga de su sitio.

Intente limitar la cantidad de solicitudes externas que realizará su sitio web; si es posible, aloje tantos archivos como pueda en su servidor. Para otros archivos, solo permita que su sitio web los solicite a sitios web muy confiables.

19. Use un CMS confiable

Su CMS es el marco de su sitio web; si usa HTML simple o CMS populares y confiables como WordPress o Drupal, debería estar bien. Sin embargo, si está utilizando un CMS menos popular o algo que creó para usted, corre el riesgo de tener un sitio web lento; asegúrese de ejecutar las pruebas adecuadas y realice la investigación correcta para asegurarse de que un CMS sea rápido y confiable antes de usarlo.

20. Use un acelerador PHP

PHP reduce la necesidad de seguir ingresando la misma información en su sitio web todo el tiempo, pero puede aumentar el tiempo de carga de su sitio web. Puede intentar reemplazar los archivos PHP con archivos HTML estáticos cuando sea posible, o puede usar un acelerador PHP para hacer que su sitio web sea mucho más rápido si se basa mucho en PHP.

Esta entrada de Wikipedia incluye una lista de varios aceleradores PHP que puede usar.

21. Evita que otros conecten tus imágenes

Del mismo modo que es importante evitar vincular las imágenes de otras personas, también debe evitar que otras personas puedan vincular sus propias imágenes..

Cuando las personas enlazan sus imágenes, básicamente están robando su ancho de banda ya que se hará una solicitud a su servidor cada vez que sus lectores intenten ver las imágenes en su sitio web. Puede evitar esto deshabilitando el enlace directo de las imágenes alojadas en su servidor.

Este artículo sobre Hongkiat le enseñará cómo evitar el enlace directo de sus imágenes, y esta herramienta lo ayudará a generar automáticamente un archivo .htaccess que evite que sus imágenes se vinculen.

Tu turno: prueba la velocidad de tu sitio web

Pon a prueba la velocidad de tu sitioDespués de implementar las sugerencias anteriores, debe seguir adelante y probar la velocidad de su sitio web para ver si hay una diferencia (deje un comentario a continuación si ve una diferencia). Estas son nuestras principales recomendaciones para probar la velocidad de su sitio web:

Prueba de velocidad del sitio web de Pingdom: con esta herramienta, debe apuntar a obtener un tiempo de carga del sitio reducido, así como un número reducido de solicitudes de servidor. Esta herramienta también compara la velocidad de su sitio web con otros sitios web en línea.

GTMetrix: esta herramienta analiza la velocidad de su sitio web utilizando Google Pagespeed Insights e Yslow y le otorga una calificación de A a F. También ofrece sugerencias para mejorar.

Analizador de página web: esta herramienta le brinda información sobre el tamaño de su página y el tiempo de descarga del sitio web, y ofrece sugerencias sobre cómo mejorar el tiempo de carga de su sitio.

Google Pagespeed Insights: debe apuntar hacia un puntaje más cercano a 100. También tiene una herramienta de prueba de velocidad móvil que puede usar.

Yslow: esta herramienta analiza la velocidad de su sitio web según las reglas de Yahoo!.

Prueba de página web: cuanto más cerca esté su puntaje de 100, más rápido será su sitio web.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map