Las páginas de carga rápida mejoran la experiencia del usuario en el sitio web, aumentan las visitas a su página y, al igual que las conversaciones (si es una tienda), finalmente mejoran el SEO.
Google mencionó en su publicación de blog Speed Matters
- Cómo inspeccionar el sitio web local que está abierto en diferentes dispositivos como el teléfono
- ¿Por qué ciertos dominios de Internet comienzan con ww32. "Something" .com o cualquier otra variación de "www" que no sea exactamente "www"?
- ¿Las aplicaciones harán que la web sea irrelevante pronto? Y, ¿cuál será probablemente más útil si aprendemos?
- ¿Cuáles son las desventajas de usar HTTPS para todo su sitio web?
- Cómo encontrar una sala de chat premium para mi sitio web
¿Por qué la velocidad es importante para su sitio de WordPress?
Los estudios de investigación encontraron que la atención humana se redujo de alrededor de 12 segundos a alrededor de 5 a 6 segundos.
Ejemplo: hoy en día está utilizando más conexión a Internet de 100 Mbps. si algún sitio web tarda más tiempo en cargarse instantáneamente, cerrará esa pestaña.
Eventualmente, la velocidad del sitio web importa en muy poco tiempo, debe convencerlos de que permanezcan en su sitio web.
StrangeLoop realizó un estudio de caso en Amazon, Walmart, Alibaba y otros sitios más grandes, un retraso de 1 segundo en el tiempo de carga de la página puede conducir a una pérdida del 7% en las conversiones, un 11% menos de visitas a la página y una disminución del 16% en la satisfacción del cliente.
¿Cómo verificar la velocidad de su sitio web?
Visite con frecuencia su propio sitio web en navegadores modernos como safari, firefox o Chrome, almacene su sitio web en caché y realice la búsqueda automática automáticamente tan pronto como comience a escribir una dirección.
Esto hace que su sitio web se cargue casi al instante.
En base a eso, usted piensa que su sitio web es muy rápido en comparación con otros sitios web. Sin saberlo, solo sucede en su computadora portátil / computadora.
existen posibilidades de que un usuario normal que visite su sitio web por primera vez no tenga la misma experiencia que usted.
De hecho, dependiendo de las ubicaciones de su servidor en las ubicaciones de su servidor, los usuarios en diferentes ubicaciones geográficas tendrán una experiencia completamente diferente.
Con la ayuda de herramientas, puede medir la velocidad del sitio web en diferentes ubicaciones.
Herramienta 1) Pingdom
Herramienta 2) PageSpeed Insights (Google)
Herramienta 3) Velocidad del sitio web y optimización del rendimiento
Puede usar cualquiera de las herramientas. Estas herramientas también sugirieron que las causas de su sitio web se cargan lentamente.
En Pingdom y GTmatrix puede consultar el tiempo de carga del sitio web desde diferentes ubicaciones geográficas
Razón detrás de ralentizar el sitio web de WordPress?
Las causas principales de un sitio web lento de WordPress son:
- Hospedaje web: el alojamiento compartido de presupuesto es la razón principal por la desaceleración del sitio web de WordPress.
- Marco o tema de WordPress : si su marco de WordPress está mal codificado, ralentizará su sitio.
- Tamaño de página : la optimización de imágenes y videos puede ralentizar su sitio.
- Complementos : los complementos mal codificados ralentizan significativamente su sitio web.
Estas son las pocas razones detrás de ralentizar WordPress
Aquí están los pasos del proceso de aceleración de WordPress:
1. Mejor alojamiento de WordPress
El alojamiento es muy importante: debe elegir cualquier buen alojamiento compartido como Siteground o A2hosting que comience con $ 3.9 / mes. O puede elegir los proveedores de alojamiento en la nube de la plataforma Google Cloud, AWS o Digital ocean [ Haga clic aquí para obtener créditos gratuitos de Digital Ocean por valor de $ 10 ] que comienza con $ 5 / Mes. Pero la configuración de Cloud necesita pequeñas habilidades adicionales, puede leer la guía sobre Cómo instalar WordPress en Google Cloud
2. Tema ligero y bien codificado
Hay toneladas de temas disponibles en el mercado, pero pocos de ellos están bien codificados. Recomiendo personalmente StudioPress , Themify , Array Themes , Thesis Theme Framework.
3. Optimizar imágenes para el sitio web
Con la ayuda de la tienda de fotografía o cualquier herramienta de edición de fotos, puede reducir el tamaño de la imagen sin reducir la calidad de la imagen. o puedes usar una plataforma en línea como Tinyjpg o Tinypng
Para optimizar la web, puede usar herramientas de compresión en línea como
- Para JPEG – Tinyjpg
- Para PNG – Tinypng
Con la ayuda de Plugin llamado WP-SmushIt. Reduce el tamaño del archivo de una imagen, sin reducir la calidad de la imagen.
4. Red de entrega de contenido (CDN)
Dependiendo de las ubicaciones de su servidor diferentes ubicaciones geográficas el usuario puede experimentar diferentes tiempos de carga en su sitio. Por ejemplo, supongamos que su empresa de alojamiento web tiene sus servidores en Singapur. Un visitante que también está en Singapur generalmente verá tiempos de carga más rápidos que un visitante en Estados Unidos. El uso de una red CDN, o Content Delivery Network, puede ayudar a acelerar los tiempos de carga para todos sus visitantes.
Un CDN es una red compuesta por servidores que se encuentra en todo el mundo [maxCDN – Una red CDN tiene alcance directo en más de 90 países con servidores metálicos SSD] en todo el mundo. Cada servidor almacenará archivos “estáticos” utilizados para componer su sitio web.
Archivos estáticos como imágenes, CSS y JavaScript. Cuando utiliza un CDN, cada vez que un usuario visita su sitio web, recibe esos archivos estáticos del servidor más cercano.
Pocas redes CDN populares son
- MaxCDN
- Flama de nube
- sucursales
- stackpath
5. Habilitar el almacenamiento en caché
Bueno Los proveedores de alojamiento tienen una función incorporada para habilitar el almacenamiento en caché. Cuando no esté interesado en usar el complemento, de lo contrario, recomendaría W3 Total Cache o puede ir al complemento Premium como WP Rocket
6. Use solo los complementos necesarios
Hay toneladas de complementos en el repositorio de WordPress mal codificados. Pregúntese una vez que instale Plugins, ¿realmente es necesario este plugin? Pon a prueba tu velocidad de WordPress con los complementos instalados actualmente.
7. Minify CSS y Javascript
Elimina el espacio en blanco innecesario y los comentarios para reducir el tamaño del archivo. Como resultado, la velocidad de carga de su archivo disminuye. No es necesario hacerlo manualmente, ya que varias herramientas en línea pueden hacer su trabajo fácilmente. Si está utilizando complementos de almacenamiento en caché, cada complemento tiene una función para minimizar CSS y Javascript
8. Incluya la barra diagonal final
Cuando visita una URL sin la barra diagonal final, el servidor web buscará un archivo con ese nombre. Si no encuentra un archivo con ese nombre, lo tratará como un directorio y buscará el archivo predeterminado en ese directorio.
En otras palabras, al omitir la barra diagonal final, está obligando al servidor a ejecutar una redirección 301 innecesaria. Si bien puede parecerle instantáneo, toma un poco más de tiempo y, como ya hemos establecido, cada poco se suma.
Dominio de ejemplo (esto es malo)
o
https://example.com/servicios (esto también es malo)
vs
Dominio de ejemplo (esto es bueno)
o
https://example.com/services/ (esto también es bueno)
9. Reduce las llamadas HTTP
Todos y cada uno de los archivos necesarios para que una página web se procese y rinda, cada uno requiere una solicitud HTTP separada de HTML, CSS, JavaScript, imágenes y fuentes.
Más del 80% de los temas de WordPress en el mercado tenían múltiples archivos CSS, JavaScrip y fuentes. Por lo general, se carga de forma remota desde otro servidor, lo que aumenta drásticamente el tiempo que tarda una página en cargarse.
Cuando agregue complementos a estos archivos CSS y JavaScript, su número total de solicitudes será más de media docena solo de archivos JavaScript y CSS.
Cuando agregó imágenes a su archivo, las imágenes nuevamente necesitan que cada imagen requiera una solicitud HTTP separada.
Para evitar estas situaciones, siga estos pasos
- Combinar archivos JavaScript en un solo archivo. (El desarrollador de experiencia requiere, de lo contrario entrará en conflicto las funciones de JavaScript)
- Combinar archivos CSS en un solo archivo. (la mayor parte del tiempo posible)
- Use sprites para imágenes de uso frecuente.
- Use una fuente como FontAwesome o Ionic Icons en lugar de archivos de imagen
10. Habilitar compresión:
Habilitar la compresión GZIP que puede reducir significativamente la cantidad de tiempo que lleva descargar. Descargó sus archivos HTML, CSS, JavaScript como archivos comprimidos mucho más pequeños. que luego se descomprimen una vez que llegan al navegador.
Todos los navegadores modernos admiten GZIP y ya lo procesan automáticamente para todas las solicitudes HTTP para que sus visitantes no tengan que hacer nada más.
11. El sitio de WordPress actualizó la última versión
12. Diseño minimalista de la página de inicio
13. Divida los comentarios en páginas
14. No suba videos directamente a WordPress
15. Complemento de control deslizante más rápido
16. Enchufe de galería más rápido
17. Divide publicaciones largas en páginas
18. Limitar las revisiones de publicaciones
19. Prevenir Hotlinking y lixiviación
20. Optimizar la base de datos
Eso es. Puede leer la guía completa → Acelerar el rendimiento de WordPress