- \n
- El 53% de los usuarios saldr\u00e1 del sitio web si\u00a0se tarda m\u00e1s de 3 segundos en cargar (seg\u00fan la investigaci\u00f3n de Google de 2017<\/a>);<\/li>\n
- El 79% de los compradores no volver\u00e1\u00a0al sitio web con la velocidad de carga lenta. Y el 44% de ellos no recomendar\u00e1 este sitio a sus amigos (seg\u00fan la investigaci\u00f3n de Akamai y Gomez.com<\/a>);<\/li>\n
- El 82% de los sitios web (de 150,000 que se analizaron) tiene problemas que afectan negativamente en la velocidad de\u00a0carga de sus p\u00e1ginas (seg\u00fan la investigaci\u00f3n de SEMrush\u00a0de 2018<\/a>).<\/li>\n<\/ul>\n
<\/div>\nEstos datos no deber\u00edan confundirte, ni siquiera sorprenderte. Pero el problema es un poco m\u00e1s profundo. La investigaci\u00f3n de Google tambi\u00e9n indic\u00f3 que por lo general se tarda 22 segundos en cargar la p\u00e1gina completamente<\/em>. Esto significa que junto con el contenido que ves,\u00a0un mont\u00f3n de scripts adicionales, anuncios y c\u00f3digos de seguimiento\u00a0siguen carg\u00e1ndose, incluso cuando creas que todo est\u00e1 hecho.<\/p>\n
Es que\u00a0la optimizaci\u00f3n de sitios web\u00a0tiene\u00a0muchos aspectos. Sin embargo,\u00a0siempre debe ser una de tus prioridades, si deseas mejorar\u00a0el nivel de satisfacci\u00f3n de tu p\u00fablico objetivo y ampliarla.<\/p>\n
En este art\u00edculo cubriremos los aspectos principales\u00a0de la aceleraci\u00f3n del tiempo de carga de las p\u00e1ginas para m\u00f3viles. Adem\u00e1s, aprender\u00e1s a analizar la velocidad de tu sitio web y descubrir\u00e1s qu\u00e9 medidas se deben tomar para mejorarla.<\/p>\n
\n<\/div>\n3 Herramientas confiables para medir la velocidad de tu sitio web<\/h2>\n
Antes de empezar a optimizar la velocidad de carga de la versi\u00f3n m\u00f3vil de tu sitio web, compru\u00e9bala con\u00a0las siguientes herramientas.<\/p>\n
GTMetrix<\/h3>\n
S\u00ed, nuestro buen amigo GTMetrix<\/a>\u00a0puede ayudarte a conocer la velocidad de carga de tu sitio web. Para realizar el an\u00e1lisis, el servicio utiliza Google Page Speed y Yahoo! Yslow. Adem\u00e1s de mostrarte el resultado de prueba, tambi\u00e9n te proporciona algunas recomendaciones claras sobre c\u00f3mo mejorar la velocidad.<\/p>\n
<\/div>\n![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/01\/gtmetrix.png\")
<\/a><\/p>\n<\/div>\n![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/01\/gtmetrix2.png\")
<\/a><\/p>\n
\n<\/div>\nWeb Page Test<\/h3>\n
WebPageTest.org<\/a> es una de las formas m\u00e1s populares de\u00a0comprobar la velocidad de tu p\u00e1gina. Te proporciona toda la informaci\u00f3n detallada sobre la velocidad de carga de tu sitio web.<\/p>\n
Con su ayuda puedes conocer:<\/p>\n
- \n
- El tiempo\u00a0de carga completa\u00a0de la p\u00e1gina.<\/li>\n
- El tiempo\u00a0de\u00a0la primera carga de la p\u00e1gina y cada carga siguiente.<\/li>\n
- El an\u00e1lisis del contenido por tipo y solicitud.<\/li>\n
- El tiempo del documento completo.<\/li>\n
- El tiempo del primer byte.<\/li>\n
- El an\u00e1lisis de la conexi\u00f3n.<\/li>\n
- El an\u00e1lisis de los detalles y las cabeceras.<\/li>\n
- Los detalles de CDN.<\/li>\n<\/ol>\n<\/div>\n
![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/01\/webpagetest.png\")
<\/a><\/p>\n
\n<\/div>\nGoogle Services<\/h3>\n
En\u00a0julio de 2018 Google lanz\u00f3<\/a> un nuevo algoritmo\u00a0en el que la velocidad\u00a0se estableci\u00f3 como un nuevo factor de clasificaci\u00f3n para las b\u00fasquedas realizadas por los tel\u00e9fonos m\u00f3viles.<\/p>\n
<\/div>\n![\"\"](\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/01\/google-services.png\")
<\/a><\/p>\n<\/div>\nAnteriormente la clasificaci\u00f3n se relacionaba \u00fanicamente con las b\u00fasquedas realizadas desde escritorios. Los representantes de la compa\u00f1\u00eda dijeron que la Actualizaci\u00f3n de velocidad afectar\u00e1 solo aquellos sitios web cuyas versiones m\u00f3viles se cargan lentamente.<\/p>\n
Para evitar esto, puedes\u00a0comprobar la velocidad de carga de tu p\u00e1gina para m\u00f3viles con uno de los servicios de Google.<\/p>\n
Puedes utilizar\u00a0una buena fuente llamada PageSpeed Insights<\/a>, aunque no te proporciona\u00a0ninguna informaci\u00f3n adicional sobre el estado de la velocidad\u00a0de carga de las p\u00e1ginas para m\u00f3viles.\u00a0Tambi\u00e9n puedes probar otro producto de Google<\/a> que\u00a0se dise\u00f1\u00f3 especialmente para probar p\u00e1ginas para m\u00f3viles.<\/p>\n
Una vez que hayas analizado la velocidad de carga de la versi\u00f3n para m\u00f3viles de tu sitio web, puedes proceder a\u00a0su optimizaci\u00f3n.<\/p>\n
\n<\/div>\nFinalmente: 8 maneras de acelerar la versi\u00f3n m\u00f3vil de tu sitio web<\/h2>\n
<\/h3>\n
1. Comprar un plan de\u00a0hosting de alta calidad \/ Cambiar\u00a0tu pan existente<\/h3>\n
El problema puede consistir en el\u00a0plan de alojamiento barato que eligiste al principio cuando tu\u00a0sitio web era relativamente peque\u00f1o. Ahora puede ser que tu sitio web\u00a0requiera\u00a0otros recursos para funcionar r\u00e1pidamente y sin problemas (algunas funciones adicionales del mantenimiento del servidor, las \u00faltimas versiones de PHP y MySQL, los servicios de correo electr\u00f3nico, etc.).<\/p>\n
Adem\u00e1s, el tr\u00e1fico de tu sitio web puede haber crecido\u00a0muchas veces. Un plan de alojamiento web b\u00e1sico\u00a0se puede utilizar para mantener un sitio web con un tr\u00e1fico relativamente bajo (aproximadamente 1,000 visitantes por d\u00eda). Si\u00a0tu n\u00famero de visitantes diarios es mucho m\u00e1s alto, es hora de cambiar a un mejor plan de alojamiento.<\/p>\n
Si no puedes permitirte pagar por un servidor dedicado, que es la mejor opci\u00f3n hasta ahora, puedes probar una opci\u00f3n de VPS\u00a0y compartir\u00a0tu alojamiento web con un par de otros recursos de servidores dedicados.<\/p>\n
\n<\/div>\n2. Eliminar los complementos innecesarios<\/h3>\n
Al tratar de crear un aspecto atractivo\u00a0de su sitio web y\u00a0mejorar su funcionalidad, las personas tienden a sobrecargarlo con complementos. S\u00ed, son f\u00e1ciles y r\u00e1pidos de instalar, pero la mayor\u00eda de ellos no tiene ning\u00fan valor. S\u00f3lo aumentan el tiempo de carga de tu sitio web.<\/p>\n
Haz una lista de todos los complementos\u00a0de tu sitio web y elimina aquellos que duplican las funciones de otros.<\/p>\n
Adem\u00e1s, actualiza\u00a0tus complementos con regularidad, porque los complementos obsoletos y no compatibles entre si tambi\u00e9n ralentizan tu sitio web.<\/p>\n
\n<\/div>\n3. Minificar los archivos de JavaScript y CSS<\/h3>\n
La investigaci\u00f3n<\/a> de SEMrush realizada en 2018 revel\u00f3 que el 68% de todos los sitios web que comprobaron contiene los archivos de JavaScript y CSS no minificados. El proceso de minificaci\u00f3n consiste en\u00a0la eliminaci\u00f3n de l\u00edneas, comentarios y espacios en blanco innecesarios del c\u00f3digo fuente.<\/p>\n
Hay\u00a0muchas herramientas\u00a0de minificaci\u00f3n:<\/p>\n
- \n
- JSMin<\/a>\u00a0se utiliza s\u00f3lo\u00a0para la minificaci\u00f3n del c\u00f3digo de\u00a0JavaScript<\/li>\n
- YUI Compressor<\/a>\u00a0tambi\u00e9n minifica CSS<\/li>\n
- Closure Compiler<\/a>\u00a0analiza el JavaScript de tu sitio web, elimina el c\u00f3digo muerto y reescribe lo que queda<\/li>\n<\/ul>\n
<\/div>\nAdem\u00e1s de la minificaci\u00f3n,\u00a0hay un m\u00e9todo a\u00fan m\u00e1s eficaz\u00a0que se llama ofuscaci\u00f3n. Consiste en la creaci\u00f3n del c\u00f3digo ofuscado, es decir, un c\u00f3digo fuente o de m\u00e1quina que es claro solo para la m\u00e1quina.\u00a0Como resultado, se reduce el tama\u00f1o del c\u00f3digo, se oculta la l\u00f3gica empresarial y tu c\u00f3digo de otros, y se reduce el tiempo de carga de JavaScript y de la p\u00e1gina web en general.<\/p>\n
Algunas personas consideran este m\u00e9todo demasiado riesgoso, debido a los errores generados. En este caso es mejor contratar a un profesional.<\/p>\n
Adem\u00e1s, no te olvides de comprimir tus archivos de JavaScript, CSS y HTML. Esto reducir\u00e1 el tama\u00f1o de los archivos a la mitad.<\/p>\n
Tambi\u00e9n es importante habilitar la opci\u00f3n del almacenamiento en cach\u00e9 del navegador web para tus archivos CSS y JavaScript. As\u00ed que, los navegadores almacenar\u00e1n alguna informaci\u00f3n de las p\u00e1ginas web y no tendr\u00e1n que cargarla nuevamente. El navegador web cargar\u00e1 menos datos y se reducir\u00e1 el tiempo de carga en general.<\/p>\n
\n<\/div>\n4. Comprimir las im\u00e1genes\u00a0de tu sitio web<\/h3>\n
Las im\u00e1genes son los \"asesinos\" verdaderos del tiempo de carga, si tienen tama\u00f1os\/formatos incorrectos o si se descargaron de forma incorrecta.<\/p>\n
No\u00a0hay una sola regla universal en cuanto\u00a0al tama\u00f1o o al peso de\u00a0tus im\u00e1genes. Pues, debes analizarlo todo.\u00a0Por ejemplo, httpArchive analiz\u00f3 los cinco banners de entrega gratuita en la parte superior del sitio de Wal-Mart que resultaron ser las im\u00e1genes m\u00e1s grandes\u00a0de su sitio (desde 124KB\u00a0hasta 138KB cada una).<\/p>\n
Seg\u00fan el an\u00e1lisis de Google PageSpeed Insights, una reducci\u00f3n del 73% de cada banner ahorrar\u00eda 500 KB o el 27% del peso total de la p\u00e1gina. De hecho, ser\u00eda a\u00fan m\u00e1s efectivo eliminar cuatro banners del carrusel de anuncios y comprimir el quinto.<\/p>\n
La investigaci\u00f3n\u00a0revela que la compresi\u00f3n y el uso racional de im\u00e1genes, en general, pueden ser efectivos. Hacen que la p\u00e1gina pese menos y\u00a0requiera menos tiempo para cargarse.<\/p>\n
Para comprimir im\u00e1genes de manera efectiva, puedes usar las herramientas TinyPNG o GitHub.<\/p>\n
\n<\/div>\n5.\u00a0Activar\u00a0el efecto de carga perezoso (Lazy Load)<\/h3>\n
Cuando se incorpora el efecto de carga bajo demanda, el contenido de la p\u00e1gina se carga gradualmente a medida que el usuario se desplaza hacia abajo. Obviamente, solo se cargan aquellos elementos que el visitante\u00a0ve\u00a0actualmente y, por lo tanto, se reduce el tiempo de carga.<\/p>\n
Adem\u00e1s, a Google le gusta\u00a0mucho esta opci\u00f3n. Muchos temas de TemplateMonster preincorporan\u00a0el efecto de carga diferida, pero si ya tienes un sitio web, puedes\u00a0usar aquellos complementos de WordPress como Lazy Load<\/a> o WP Rocket<\/a>\u00a0para\u00a0a\u00f1adir Lazy Load\u00a0a tu sitio web.<\/p>\n
\n<\/div>\n6. Aumentar el rendimiento del servidor<\/h3>\n
Ya has descubierto que la velocidad de tu sitio web depende del alojamiento web. El rendimiento del servidor tambi\u00e9n\u00a0influye directamente\u00a0en la calidad de tu alojamiento web. A\u00fan as\u00ed, hay algunos otros factores que pueden afectar\u00a0su eficiencia:<\/p>\n
<\/div>\n- \n
- l\u00f3gica de aplicaci\u00f3n lenta<\/li>\n
- enrutamiento lento<\/li>\n
- lentas consultas de base de datos<\/li>\n
- falta\u00a0de recursos CPU y memoria<\/li>\n
- bibliotecas y marcos<\/li>\n<\/ul>\n<\/div>\n
Consulta algunas recomendaciones de Google<\/a> sobre c\u00f3mo optimizar el\u00a0funcionamiento de tu servidor antes de cambiar tu\u00a0hosting.<\/p>\n
\n<\/div>\n7. Reducir el n\u00famero de redirecciones en tus\u00a0p\u00e1ginas web<\/h3>\n
S\u00ed, las redirecciones son convenientes por algunas razones, pero corres el riesgo de sobrecargar tu sitio web y aumentar\u00a0su tiempo de carga. Por lo tanto, elimina todas las p\u00e1ginas de redireccionamiento innecesarias, especialmente la p\u00e1gina 301 que lleva a los usuarios de una versi\u00f3n obsoleta de la p\u00e1gina a la nueva.<\/p>\n
Si no sabes por d\u00f3nde empezar, utiliza\u00a0esta herramienta<\/a>. Te ayudar\u00e1 a\u00a0descubrir si alguna p\u00e1gina redirige al visitante a otra.<\/p>\n
\n<\/div>\n8.\u00a0Optar por las p\u00e1ginas aceleradas para\u00a0m\u00f3viles<\/h3>\n
- YUI Compressor<\/a>\u00a0tambi\u00e9n minifica CSS<\/li>\n
- JSMin<\/a>\u00a0se utiliza s\u00f3lo\u00a0para la minificaci\u00f3n del c\u00f3digo de\u00a0JavaScript<\/li>\n
- El 79% de los compradores no volver\u00e1\u00a0al sitio web con la velocidad de carga lenta. Y el 44% de ellos no recomendar\u00e1 este sitio a sus amigos (seg\u00fan la investigaci\u00f3n de Akamai y Gomez.com<\/a>);<\/li>\n