Guía de optimización de la velocidad del sitio web | NR Hosting Ltd.

Velocidad del sitio web: la velocidad lenta del sitio web afecta todos los aspectos de su negocio. Las vistas se convierten en menos ventas. Los clientes están menos satisfechos. Daña los esfuerzos de optimización de motores de búsqueda (SEO). Google dijo una vez que la velocidad de la página es un factor en su algoritmo. Si su sitio web no se carga lo suficientemente rápido, sus rastreadores web no indexarán todo.

Las siguientes son formas importantes de optimizar la velocidad del sitio web:

El paquete de alojamiento adecuado para sus necesidades

Los nuevos propietarios de sitios web a menudo eligen un plan de alojamiento compartido por tres razones:

Es el mas barato

La mayor parte del mantenimiento del servidor se limita al proveedor de alojamiento web.

Todas las tareas de mantenimiento de las que usted es responsable son gestionadas por una aplicación de administración del servidor (por ejemplo, cPanel, Webmin y DirectAdmin) para facilitar las tareas.

Dependiendo de sus necesidades de alojamiento web, es posible que necesite un VPS administrado o un servidor dedicado. Y a medida que crezcan las necesidades de su negocio, también lo hará su sitio web, o al menos sus bases de datos. Algunas de las razones más comunes por las que necesita al menos un alojamiento VPS Linux:

Acceso raíz (acceso de administrador) para una aplicación web específica

Servidor dedicado o almacenamiento de base de datos para aplicaciones de uso intensivo de recursos

Software de gestión de bases de datos MongoDB

Ubicación de alojamiento del servidor cercana

La ubicación física de su servidor Linux es más importante de lo que algunos creen. Sí, discutiremos las prácticas que se pueden utilizar para mitigar los problemas de latencia relacionados con esto. Pero al igual que decimos sobre la producción musical y la edición de audio, es mejor hacerlo directamente en la fuente.

Si es propietario de una pequeña o mediana empresa (SMB), la ubicación óptima del servidor es cerca de su público objetivo. Puede ser tan específico como desee: país, región o ciudad. Ofrecemos una opción de la costa este o oeste de los EE. UU. Algunos también tienen centros de datos en Asia y Europa.

No es gran cosa si no puede encontrar un proveedor de alojamiento cerca de su ubicación o de su público objetivo. Sin embargo, seguir este aviso puede resolver algunos problemas de rendimiento futuros.

Software de almacenamiento en caché del servidor

Las aplicaciones de almacenamiento en caché del servidor hacen precisamente eso: almacenar en caché las solicitudes de servidor comunes para una entrega más rápida a los usuarios y sistemas remotos. Un caso de uso popular para el almacenamiento en caché del servidor: proporcionar páginas precompiladas desde CMS basado en PHP como WordPress, Drupal y Magento.

Hay tres conjuntos de almacenamiento en caché notables que deben tenerse en cuenta para optimizar la velocidad del sitio web en su entorno de servidor Linux.

UltraStack

UltraStack es nuestra solución de almacenamiento en caché patentada que consta de cuatro aplicaciones finamente ajustadas diseñadas para optimizar la velocidad del sitio web.

Brotli es un algoritmo de compresión más nuevo que consume menos recursos que gzip

Redis, abreviatura de REmote Dictionary Server, almacena en caché los datos en la RAM en lugar del espacio de almacenamiento

PHP-FPM, abreviatura de PHP-FastCGI Process Manager, mejora el rendimiento de las aplicaciones PHP

NGINX, que se detalla a continuación, almacena en caché las solicitudes del servidor para un mejor rendimiento general

NGINX

NGINX es un servidor web que puede designarse como servidor proxy inverso. Esto significa que los datos se almacenan en caché en un servidor o ubicación diferente en el mismo servidor para una carga más rápida en los dispositivos del usuario.

Ahora cambiaremos de la configuración del servidor a los sitios web y las aplicaciones. La compresión Gzip con mod_deflate o mod_gzip es una forma fácil de amplificar Optimización de la velocidad del sitio web. Unas pocas líneas de código en su archivo .htaccess comprimen los datos antes de enviarlos a los usuarios. Su sitio web se cargará más rápido, especialmente para usuarios con conexiones lentas a Internet. Tenga en cuenta que esto solo disminuirá su ancho de banda y aumentará la carga en el servidor para que funcione de manera óptima.

Los encabezados que caducan indican a los navegadores web que guarden ciertos tipos de elementos que es poco probable que cambien con frecuencia (imagen, PDF, Flash, etc.) durante un largo período de tiempo. Esto evita que los usuarios que regresan esperen a que se vuelvan a cargar las páginas visitadas. Por supuesto, su eficacia también depende de la configuración de almacenamiento local del usuario. Este es uno de esos casos en los que la optimización de la velocidad de su sitio web depende del usuario final.

Si realiza muchos proyectos de diseño web, puede crear un archivo de plantilla .htaccess con código para ambas configuraciones. Puede probar su configuración con una prueba de compresión HTTP de terceros.

Optimizar archivos grandes

En la cultura visual actual, es tentador incorporar imágenes y videos de alta resolución en su sitio web. Esto puede tener un impacto negativo en la experiencia del usuario (UX) para los usuarios con Internet más lento. Tenga en cuenta que entre este archivo MPEG-4 de resolución de 3GB y 5K y el usuario final, se debe intentar escalar y renderizar cada fotograma de este video. Lo mismo ocurre con esta hermosa foto de alta resolución. Hay dos formas de lidiar con esto.

Duplicar una versión escalada de archivos grandes

Cree una versión escalada del archivo de imagen o video grande que se inserta en su sitio web sin tener que escalar mucho a través de CSS o JavaScript. Se recomienda JPEG para imágenes comprimidas. MP4 y WEBM son los mejores para videos. Luego, vincule esa copia escalada para abrir el archivo original en una pestaña separada. Los usuarios de WordPress suelen integrar EWWW Image Optimizer para esto. Para los videos, deberá renderizar una versión optimizada para la web desde su editor de video o un convertidor de medios como HandBrake y cargarlo por separado.

Usar hosting externo

Los fotógrafos pueden utilizar Flickr, Imgur y otros servicios de alojamiento de imágenes para ahorrar espacio. YouTube, Vimeo y otras plataformas de alojamiento de videos manejan las conversiones y el rendimiento internamente, por lo que puede ahorrar espacio y tiempo. Y, por supuesto, siempre puede insertar contenido de las redes sociales más populares.

Almacenamiento en caché de aplicaciones web

Muchas aplicaciones web populares tienen funciones de almacenamiento en caché nativas: Joomla, Drupal, Grav, etc. Muchas tienen integraciones de terceros que también puede instalar. Para los usuarios de WordPress, recomendamos W3 Total Cache (W3TC). A menudo, las funciones de almacenamiento en caché incluyen la configuración o la integración con otras funciones de esta lista.

Configuración para optimizar la velocidad del sitio web en W3TC Algunas opciones de almacenamiento en caché en el complemento de WordPress W3 Total Cache

Minimizar código

Sí, muchos de los métodos descritos aquí se pueden implementar mediante un complemento, módulo o complemento de terceros. Sin embargo, muchos propietarios de sitios web instalan integraciones que no son necesarias o ni siquiera se utilizan. Lo entiendo. Es bueno saber que puede agregar fácilmente funciones complejas con solo unos pocos clics. Sin embargo, puede agregar retrasos y lagunas de seguridad si tiene demasiados.

Los desarrolladores web deben minimizar HTML y CSS. Por lo general, esto solo implica eliminar espacios, código redundante y fuentes externas desactualizadas como Bootstrap y JQuery.

Los administradores de CMS deben verificar la cantidad de «complementos instalados» o como sea que su aplicación los llame. Una conocida bloguera señaló una vez que el 87% del tiempo de carga de su sitio web es directamente atribuible a los complementos. Al eliminar solo cuatro complementos de WordPress, pudo aumentar el tiempo de carga de su sitio de 4.3 segundos a 1.3 segundos.

Recuerde que no solo la cantidad de complementos sino también su calidad afecta la velocidad del sitio web. Si solo tiene tres complementos, pero todos agregan muchos scripts y procesos en segundo plano, estos tendrán un impacto negativo en la optimización de la velocidad del sitio web.

Al igual que sus complementos instalados, su paquete de temas puede tener un impacto negativo en el rendimiento de su sitio web. El hecho de que un tema se vea bien no significa que tenga una buena validación de HTML, SEO, accesibilidad o UX.

Regla de oro: más fácil es mejor. Las animaciones son agradables, pero reducen la velocidad de carga.

Generación de sitios estáticos

Aquellos que usan Jekyll, Bashblog u otros generadores de sitios estáticos (SSG) pueden saltar. Esto se aplica a los sitios web que son dinámicos y presentan solicitudes de servidor sobre la marcha desde múltiples fuentes, como PHP y una base de datos. No hablamos de esto a menudo en términos del debate de sitios estáticos versus dinámicos, pero puede crear sitios estáticos a partir de sitios dinámicos. Si se hace correctamente, este podría ser uno de los pocos métodos de optimización de la velocidad del sitio web necesarios cuando no tiene elementos interactivos como formularios de contacto o una sección de comentarios.

El proceso es sencillo.

Encuentre un generador de sitios estáticos que se adapte a su flujo de trabajo y conocimientos técnicos (por ejemplo, wget para usuarios de terminales, el complemento Simply Static WordPress o el módulo Static Suite Drupal).

Duplique todo su sitio web con su SSG en páginas HTML estáticas

Cargue el paquete HTML estático en un directorio o servidor separado

Organice archivos para acceso público según sea necesario

Verifique su navegador web para ver si hay errores en la consola

arreglar error

Red de entrega de contenido (CDN)

Una red de entrega de contenido (CDN) es un servicio externo que almacena en caché sus páginas web en varios servidores de todo el mundo para aumentar instantáneamente la velocidad del sitio web. Cloudflare es el ejemplo más popular. QUIC.cloud puede volverse más popular a medida que HTTP / 3 se generaliza. De manera similar a las integraciones, las CDN pueden cubrir muchos otros métodos en esta lista. Algunos también pueden actuar como firewall de aplicaciones web (WAF).

Firewall de aplicaciones web (WAF)

Un firewall de aplicaciones web (WAF) está ubicado frente a sus sitios web a través de DNS para proteger sus datos y recursos del servidor de DDoS (Denegación de servicio distribuida), fuerza bruta y otros ataques cibernéticos. Esto aumenta indirectamente la velocidad del sitio web durante el proceso. Un WAF también puede admitir funciones CDN.

Esto puede ser algo elaborado, como el servicio Sucuri WAF o un servidor en la nube separado con pfSense o ModSecurity.

Ciberseguridad en general

Las mejoras de seguridad del servidor y del sitio web, incluidas las copias de seguridad, se pueden clasificar como protocolos de autenticación, autorización y contabilidad (AAA). Pueden aumentar la carga en el servidor si no se manejan correctamente. Sin embargo, contribuyen al rendimiento del sitio web al garantizar que los recursos se dirijan a los usuarios finales correctos en lugar de a una botnet o shell inverso. Tenemos guías sobre cómo proteger los servidores cPanel y los servidores Linux no administrados.

Recuerde programar las exploraciones antivirus y las copias de seguridad en un tiempo reducido para que no afecte la UX.