consejos para mejorar la carga de tu web

¬ŅQuieres tener m√°s visitas en tu web?

Tenemos webs con muchísimas visitas al mes

¬ŅC√≥mo mejorar la carga de mi web?

En 2006, Amazon inform√≥ que por cada 100 milisegundos que aceleran su sitio web, ven un aumento del 1% en los ingresos. Entonces Google anunci√≥, en un esfuerzo por mejorar la web, que la velocidad de la p√°gina era una consideraci√≥n en la forma en que se clasifican los resultados de b√ļsqueda.

Desde entonces, existen muchos estudios que muestren los beneficios de tener un sitio rápido. En esta guía, he intentado reunir todo lo que le permitirá mejorar la velocidad de carga de su sitio web.  

En primer lugar, ¬Ņqu√© tan r√°pido es lo suficientemente r√°pido? Optimizar la velocidad de su p√°gina puede ser un proceso hed√≥nico, como correr en una cinta de correr. Siempre habr√° espacio para mejorar, as√≠ que ¬Ņcu√°ndo deber√≠amos estar satisfechos?

Una forma es usar WhichLoadsFaster para comparar la velocidad de carga de su sitio contra todos sus principales competidores. Apunta a ser el m√°s r√°pido del grupo.

Otra forma es utilizar las siguientes pautas:

Menos de 1 segundo = perfecto
1-3 segundos = por encima de la media
3-7 segundos = promedio
7+ segundos = muy pobre

Entonces, ¬Ņc√≥mo puede acelerar su sitio ? Comencemos con algunas de las cosas que tienen el mayor impacto.

1. Usar una CDN (Red de Entrega de Contenido)

Alojar sus archivos multimedia en una red de entrega de contenido es una de las mejores maneras de acelerar su sitio, y a menudo puede ahorrar hasta un 60% de ancho de banda y reducir a la mitad el n√ļmero de solicitudes que realiza su sitio web.

Las CDNs funcionan alojando sus archivos a través de una gran red de servidores en todo el mundo. Cuando un usuario visita su sitio desde Tailandia, está descargando archivos del servidor más cercano. Debido a que el ancho de banda se distribuye a través de tantos servidores diferentes, reduce la carga en cualquier servidor y también protege sus sitios de ataques DDoS y picos de tráfico.

Hemos probado algunas CDNs en Venture Harbour, incluyendo MaxCDN, Cloudwatch, Static DNA y Cloudflare. De entre todos, Cloudflare es nuestro favorito (y es gratis para empezar).

2. Use WP Engine

Mientras investigo nuestra gu√≠a para el mejor alojamiento web, configuro el tiempo de respuesta para una variedad de diferentes compa√Ī√≠as de alojamiento web. Simplemente abr√≠ una cuenta, sub√≠ un sitio de WordPress en blanco con un tema id√©ntico, y luego utilic√© una herramienta de monitoreo del servidor para probar el tiempo de respuesta cada cinco minutos.

Cambiar de alojamiento web puede no ser algo que se pueda hacer en menos de 45 minutos, pero tiene el potencial de tener un mayor impacto que todos los’ajustes’ que se indican a continuaci√≥n combinados. ¬ŅMi consejo? Si est√° utilizando una empresa de alojamiento web mediocre o de baja calidad, deje de leer, empiece con un host como WP Engine, y vuelva m√°s tarde si todav√≠a tiene problemas de velocidad de la p√°gina.

3. Usar un plugin de caché

Si está usando WordPress, una de las formas más rápidas y sencillas de reducir la velocidad de carga de tu página es instalar un plugin de caché como WP Total Cache o WP Super Cache. Por supuesto, si estás usando WP Engine, puedes omitir este punto ya que tienen caching incorporado.

Los dos plugins mencionados anteriormente se pueden descargar gratuitamente y son muy buenos. A pesar de su nombre, los plugins de almacenamiento en cach√© hacen mucho m√°s que el almacenamiento en cach√© del navegador, aunque esa es su funci√≥n principal. Discutir√© los beneficios y c√≥mo a√Īadir cach√© de navegador en un segundo sin plugin, pero para aquellos que usan WordPress y buscan mejorar la velocidad de la p√°gina r√°pidamente, a menudo es m√°s f√°cil instalar un plugin.

4. Agregar cabeceras de caducidad para aprovechar el almacenamiento en caché del navegador

 

medicion velocidad de carga

Si no est√°s usando WordPress, o prefieres no instalar otro plugin para a√Īadir Expires Headers y cach√© de navegador, aqu√≠ tienes c√≥mo implementarlo manualmente.

Las cabeceras de expiración le indican al navegador si desea solicitar un archivo específico del servidor web o si desea obtener una versión de una página de la caché del navegador. Por supuesto, esto sólo se aplica si un usuario ya tiene una versión de su página web almacenada en su caché, por lo que sólo acelerará su sitio para los usuarios que ya han visitado su sitio web.

Las cabeceras caducadas aceleran su sitio de dos maneras. En primer lugar, reducen la necesidad de que los usuarios descarguen los mismos archivos desde su servidor web dos veces. En segundo lugar, reduce el n√ļmero de peticiones HTTP que deben realizarse, lo que acelera a√ļn m√°s el tiempo que tarda la p√°gina en cargarse.

A√Īadir Encabezados de Vencimiento es extremadamente f√°cil. S√≥lo tienes que seguir las instrucciones aqu√≠ para a√Īadir un poco de c√≥digo a tu archivo htaccess.

5. Usar un buen tema (si se usa WordPress)

Por lo general, la prevenci√≥n es una mejor estrategia que la cura. Para evitar muchos problemas de velocidad de la p√°gina en primer lugar, usted debe optar por un buen hosting, una buena CDN, y un buen tema / dise√Īo.

Hoy, el problema no es ni mejor ni peor que hace cinco a√Īos. Cuando empec√© a hacer SEO, los dise√Īadores todav√≠a usaban flash y otras tecnolog√≠as primitivas para construir sitios. Hoy en d√≠a, los dise√Īadores construyen temas de WordPress con tantas campanas y silbidos que no es de extra√Īar que tarden 10 segundos en cargarlos.

En Seo Web Ibague nos preocupamos por el dise√Īo, y la carga r√°pida.

6. Comprime tus im√°genes

Si usas WordPress, instala el plugin WP Smush.it para comprimir autom√°ticamente tus im√°genes. Esto reducir√° el tama√Īo de sus im√°genes sin perder calidad visual. Lo bueno de este plugin es que funciona en segundo plano cada vez que subes una nueva imagen. Tambi√©n puede ejecutarlo retrospectivamente en todas las im√°genes subidas a su biblioteca multimedia.

7. Limpie su base de datos

Una de las trampas de WordPress es que su base de datos puede volverse muy desordenada muy r√°pidamente debido a borradores guardados, revisiones posteriores, plugins desactivados, etc. WP Optimize es un fant√°stico plugin que rutinariamente elimina todas las cosas que no necesita y que est√°n saturando su base de datos.

8. Comprime tu sitio web con gzip

Gzip es un método simple para comprimir los archivos de su sitio web para ahorrar ancho de banda y acelerar los tiempos de carga de la página. Gzip funciona comprimiendo tus archivos en un archivo zip, que es más rápido de cargar para el navegador del usuario. El navegador del usuario descomprime el archivo y muestra el contenido. Este método de transmisión de contenido del servidor al navegador es mucho más eficiente y ahorra mucho tiempo.

9. Arreglar todos los enlaces rotos

Los enlaces rotos no son sólo una pérdida de ancho de banda, sino que también son una de las formas más seguras de conseguir que un usuario abandone su sitio. Uno de nuestros clientes ha tenido recientemente varios cientos de 404 errores en las Herramientas para webmasters de Google. Después de arreglar todo esto, el promedio de páginas visitadas por usuario aumentó de 1.4 a 1.85 páginas/visita, y hubo una notable disminución en la tasa de rebote.

10. Reduzca sus redirecciones

Mientras que los redireccionamientos 301 (permanentes) son preferibles a los errores 404 (enlaces rotos), todavía no son ideales ya que reducen el tiempo que tarda el navegador en alcanzar la versión correcta de una página.

Screaming Frog es una vez más una gran herramienta para detectar errores 301 . Si utiliza un PC, también puede utilizar Xenu Link Sleuth, que es una gran herramienta para rastrear datos de sitios web.

11. Minimice sus archivos CSS y JS

Cuando usted mira lo que est√° causando que sus p√°ginas se carguen lentamente, lo m√°s probable es que tenga algo que ver con muchos archivos Javascript o CSS que se cargan de manera ineficiente. Una de las trampas de WordPress y otros sistemas de gesti√≥n de contenidos es que un nuevo archivo JS o CSS se a√Īade pr√°cticamente cada vez que se instala un nuevo plugin.

Hay varias maneras de minimizar sus archivos. La primera consiste en aplastar todos los archivos en uno solo Рasí que en lugar de llamar a diez archivos javascript individuales, simplemente coloque todo su javascript en un solo archivo.

El segundo aspecto de la minimizaci√≥n consiste en eliminar el espacio en blanco y reducir el tama√Īo de los archivos. Si est√°s usando WordPress, WP Minify es un gran plugin que autom√°ticamente hace todo esto por ti.

12. Reemplazar PHP con HTML est√°tico cuando sea posible

PHP es ideal para hacer su sitio eficiente y reducir la necesidad de introducir la misma información varias veces. Sin embargo, llamar información a través de PHP utiliza recursos del servidor y debería ser reemplazado por HTML estático.

13. Enlace a sus hojas de estilo, no use @import

De forma similar al punto anterior, @import utiliza más recursos que enlazar directamente a sus hojas de estilo a pesar de lograr exactamente el mismo resultado. Otra razón para no usar @import es que algunos de los navegadores más antiguos no lo soportan, por lo que es mejor evitarlo siempre que sea posible.

14. Desactivar ping backs y trackbacks en WordPress

Pingbacks y trackbacks no tienen ning√ļn uso pr√°ctico en WordPress, pero a menudo est√°n habilitados por defecto. Recomendar√≠a desactivar ambos, ya que obstruyen la base de datos y aumentan el n√ļmero de solicitudes que se realizan.

15. Activar Keep-Alive

HTTP Keep Alive se refiere al mensaje que se env√≠a entre el equipo cliente y el servidor web solicitando permiso para descargar un archivo. Habilitar Keep Alive permite que el equipo cliente descargue m√ļltiples archivos sin pedir permiso repetidamente, lo que ayuda a ahorrar ancho de banda.

16. Especificar las dimensiones de la imagen

Antes de que su navegador pueda mostrar su p√°gina web, tiene que averiguar c√≥mo distribuir su contenido alrededor de sus im√°genes. Sin saber el tama√Īo de estas im√°genes, el navegador lo resuelve, lo que hace que trabaje m√°s duro y tarde m√°s tiempo.

17. Especificar un juego de caracteres en las cabeceras HTTP

Por la misma raz√≥n que arriba, es √ļtil especificar un juego de caracteres en las cabeceras de respuesta HTTP, para que el navegador no tenga que dedicar m√°s tiempo a averiguar qu√© juego de caracteres est√° utilizando.

Puede hacerlo simplemente a√Īadiendo una etiqueta de juego de caracteres UTF-8 en la secci√≥n de su sitio web.

18. Poner CSS en la parte superior y JS en la inferior

Se considera una buena práctica colocar su CSS lo más cerca posible de la parte superior de su página, ya que los navegadores no renderizarán su página antes de renderizar el archivo CSS. Javascript, por otro lado, debe estar lo más cerca posible de la parte inferior, ya que evita que los navegadores analicen después de la etiqueta antes de que se cargue y complete.

19. Desactivar hotlinking de im√°genes

Cuando el “enlace caliente” de otro sitio web a sus im√°genes roba ancho de banda, ralentizando su sitio. Para evitar que otros sitios acaparen su ancho de banda, puede a√Īadir un fragmento de c√≥digo a su archivo.htaccess.

20. Desactivar todos los plugins que no utilice

Con los sitios de WordPress, los plugins suelen ser los mayores culpables de ralentizar el sitio. Si hay algunos plugins que ya no utiliza o que no son esenciales, elimínelos.

21. Minimizar los tiempos de viaje de ida y vuelta

El tiempo de ida y vuelta es el tiempo que tarda el cliente en enviar una solicitud y el servidor en responder. Se ve afectado por una gran variedad de cosas, pero se ve afectado principalmente por el n√ļmero de solicitudes que se env√≠an.

Para reducir el n√ļmero de peticiones, utilice sprites CSS para llamar a menos im√°genes, minifique y combine sus archivos JS y CSS, y no llame a nada que no necesite. Uno de mis mayores problemas con WordPress es c√≥mo los plugins que s√≥lo se necesitan en ciertas p√°ginas, como Disqus, o Formulario de contacto 7, tienden a ser llamados en cada una de las p√°ginas, lo que crea peticiones innecesarias. Reducir el n√ļmero de peticiones innecesarias reducir√° sus RTTs.

22. Use CSS Sprites

Un sprite es una imagen grande que contiene todas tus im√°genes. Se ven similares a esos juegos de pegatinas que sol√≠as conseguir con cien pegatinas en una sola hoja. Usando CSS puede `ocultar’ todo en la imagen excepto una secci√≥n entre un conjunto de coordenadas.

Los sprites CSS funcionan porque es m√°s r√°pido cargar una imagen grande y usar CSS para mostrar la secci√≥n que quieres que cargar muchas im√°genes m√°s peque√Īas. Esto se debe a que el navegador no necesita hacer tantas peticiones.

La forma m√°s r√°pida de usar sprites CSS es usar SpriteMe, que es una herramienta que te permite convertir f√°cilmente todas tus im√°genes en un sprite CSS.

 

Por qué la velocidad de la página es más importante ahora que antes.

Dado que se espera que el uso de Internet móvil se haga cargo del uso del escritorio en un plazo de 12 meses, nunca ha sido tan importante como ahora fijar la velocidad de su sitio. Los usuarios de Internet son menos tolerantes que nunca con los sitios web lentos, y el cambio hacia los dispositivos móviles con conexión a Internet significa que si no eres rápido, no te van a ver.

Recuerda en Seo Web Ibagué trabajamos para ti, hacemos que tu web vuele, y este en los primeros resultados de Google.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si contin√ļa navegando est√° dando su consentimiento para la aceptaci√≥n de las mencionadas cookies y la aceptaci√≥n de nuestra pol√≠tica de cookies, pinche el enlace para mayor informaci√≥n.plugin cookies

ACEPTAR
Aviso de cookies