Google ha publicado recientemente una nueva m\u00e9trica de tiempo de carga de sitios web. Actualmente, m\u00e1s del 80% de los usuarios usan dispositivos m\u00f3viles, el 10% usan tabletas y el resto usa ordenadores de sobremesa o port\u00e1tiles. En estas circunstancias, la optimizaci\u00f3n en dispositivos m\u00f3viles es casi un requisito previo para todos.<\/p>\n
La optimizaci\u00f3n en web se hace desde hace mucho tiempo, por lo que los desarrolladores deben mantenerse a la vanguardia de los cambios en la tecnolog\u00eda y los requisitos de los motores de b\u00fasqueda. La necesidad de hacer m\u00e1s eficientes los nuevos sitios web suele quedar clara cuando los usuarios notan que se carga o responde con lentitud. Esto hace que la experiencia del cliente o del usuario sea poco satisfactoria. Como codificador, los fundamentos que abarcan la optimizaci\u00f3n se resumen en:<\/p>\n
A continuaci\u00f3n, te damos m\u00e1s detalle sobre cada punto, pero si tienes cualquier duda o cuesti\u00f3n, deja un comentario y te contestaremos lo antes posible.<\/p>\n
<\/p>\n
La mayor\u00eda de las webs tienen las im\u00e1genes en bruto. A trav\u00e9s de la herramienta GTmetrix podemos saber si la imagen no ha sido optimizada; si es as\u00ed, crea una nueva mejorada que se puede descargar y reemplazar a la existente.<\/p>\n
GTmetrix tambi\u00e9n ofrece un servicio de “im\u00e1genes escaladas”, que permite que la p\u00e1gina web muestre una imagen en diferentes tama\u00f1os seg\u00fan el dispositivo. Esta opci\u00f3n es mejor que usar una imagen grande que se vaya redimensionando autom\u00e1ticamente, ya que requiere m\u00e1s tiempo de carga, lo que puede ser frustrante para el usuario. Si tienes este problema, puedes descargar la imagen y modificar su tama\u00f1o a trav\u00e9s del c\u00f3digo de WordPress y volver a cargarla. Tambi\u00e9n puedes usar FileZilla para descargar y subir im\u00e1genes.<\/p>\n
<\/p>\n
Los archivos de CSS y JS son habituales en el c\u00f3digo web. Para que la carga sea m\u00e1s r\u00e1pida, se suele hacer un proceso llamado minificaci\u00f3n, que elimina los espacios en blanco y otros caracteres innecesarios en el c\u00f3digo. Despu\u00e9s de minificar, se mejora la carga del sitio. Hay muchas plataformas que te ayudan a minificar los archivos de CSS y JS.<\/p>\n
Ten en cuenta que esta acci\u00f3n puede producir que el dise\u00f1o se rompa, as\u00ed que haz siempre una copia de seguridad usando ZillaFille como medida de precauci\u00f3n.<\/p>\n
<\/p>\n
Actualmente se puede trabajar con muchos tipos de c\u00f3digo, cada uno de ellos adaptado a sus propias plantillas. Esto significa que la optimizaci\u00f3n del c\u00f3digo fuente puede ser complicada, por lo que cuando se dise\u00f1a una web, debemos prestar atenci\u00f3n al c\u00f3digo que utiliza y entender para qu\u00e9 lo utiliza. Si sabemos qu\u00e9 tema es, nos resultar\u00e1 m\u00e1s f\u00e1cil de simplificar, ya que contar\u00e1 con un equipo de soporte o actualizaciones regulares que hagan el proceso m\u00e1s sencillo.<\/p>\n
<\/p>\n
No importa qu\u00e9 tipo de c\u00f3digo utilices, siempre tienes que crear una cach\u00e9 para la web. Esto permite almacenar temporalmente im\u00e1genes y archivos para evitar retrasos en el servidor. Por ejemplo, la primera vez que un usuario entra en una web, encontrar\u00e1 el contenido cargando a velocidad normal. A partir de entonces, siempre que la visite, aparecer\u00e1 m\u00e1s r\u00e1pido gracias a ese contenido en cach\u00e9 y usar\u00e1 menos recursos de hosting o VPS. La actualizaci\u00f3n de Google PageSpeed Insights prioriza aquellas webs cuya precarga est\u00e1 a\u00f1adida en el c\u00f3digo. Si quieres mejorar la velocidad de tu web en 90 puntos, no puedes ignorar esto. Utiliza el c\u00f3digo \u201d Preloading content con rel = \u201cpreload\u201d + source_name \u201d y busca lo que necesites.<\/p>\n
<\/p>\n
Este aspecto tambi\u00e9n es muy importante, porque asegura la estabilidad de tu web, y de cara al SEO, es incluso m\u00e1s relevante. Si te lo puedes permitir, compra espacio en un VPS para garantizar dicha estabilidad. Recuerda que el SEO es un trabajo a largo plazo, por lo que cuanto mayor sea el tiempo de actividad, mejor. Lo ideal es el 99,99%. Si quieres saber la diferencia entre los servicios que ofrece un hosting y un VPS, te lo contamos:<\/p>\n
+ Estabilidad. Si la web tarda demasiado en cargar o aparece ese mensaje de “Esperando a cargar (el nombre del sitio web)” durante mucho rato, es posible que necesites un cambio de servidor de hosting. Esta regla se aplica tambi\u00e9n cuando la web se queda en blanco o aparece alg\u00fan mensaje de error. En nuestro proyectos, usamos Linode VPS por su estabilidad y los servicios que ofrece.
\n+ Usar un disco duro (SSD)
\n+ Usar el servidor NGINX
\n+ Usar Centos como sistema operativo
\n+ Usar MariaDB como base de datos<\/p>\n","protected":false},"excerpt":{"rendered":"
Google ha publicado recientemente una nueva m\u00e9trica de tiempo de carga de sitios web. Actualmente, m\u00e1s del 80% de los usuarios usan dispositivos m\u00f3viles, el 10% usan tabletas y el resto usa ordenadores de sobremesa o port\u00e1tiles. En estas circunstancias, la optimizaci\u00f3n en dispositivos m\u00f3viles es casi un requisito previo para todos. La optimizaci\u00f3n en web se hace desde hace<\/p>\n