Cómo acelerar un sitio web de WordPress

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

¿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

Consejo 1: Mida la velocidad de carga anterior

Lo primero que debe hacer es calcular el rendimiento actual de sus sitios web para futuras referencias o puntos de referencia. Después de todo, si no tiene idea de qué tan bien está funcionando su sitio, ¿cómo puede mejorarlo en consecuencia? Aquí, le recomendamos encarecidamente que utilice Pingdom , que es la herramienta de monitoreo de sitios web más utilizada, que le permite estar al tanto del rendimiento de su sitio web.

Además, esta herramienta probará su sitio web en un intervalo de 5 minutos y le enviará los resultados con hermosos gráficos para una visión general clara, por lo que puede tomar decisiones basadas en datos sobre mejoras de velocidad. Siga el enlace para obtener más información sobre las herramientas de supervisión del rendimiento.

Consejo 2: minimice las solicitudes HTTP

Las solicitudes HTTP pueden considerarse como los archivos necesarios para mostrar su sitio web. Cada vez que las personas visitan su sitio, los archivos solicitados deben enviarse a sus navegadores, incluidos los archivos e imágenes CSS, JavaScript. Sin embargo, cada uno de estos archivos afectará el rendimiento del sitio web hasta cierto punto, por lo que debe eliminar todo lo que no sea necesario. Por ejemplo, desinstale algunos complementos de WordPress que inyectan código CSS extraño en su sitio y causan un tiempo adicional de carga de la página.

Consejo 3: eliminar comentarios de spam

Sin duda, tener algunos comentarios sobre cada uno de sus artículos es algo bueno, pero mantener miles de comentarios de spam en su base de datos es definitivamente una historia diferente. Tienes que eliminar regularmente los comentarios de spam de tu sitio web; de lo contrario, reducirán drásticamente la velocidad de sus páginas web. Para eliminarlos, simplemente haga clic en el botón Vaciar Spam en la sección Comentarios desde su panel de WordPress.

Consejo 4: eliminar revisiones de publicaciones

Al igual que los comentarios de spam, las revisiones de publicaciones también ralentizarán su sitio web. Por lo tanto, le recomendamos que instale un complemento llamado Better Delete Revision para eliminar sus revisiones anteriores de publicaciones. Una vez que lo haya agregado a su sitio, simplemente vaya a Configuración, haga clic en el botón Verificar publicaciones de revisión y luego bórrelas

Consejo 5: Agregar caché

El almacenamiento en caché es un proceso que almacena de forma transparente los datos de sus páginas web y los convierte en páginas estáticas. Por lo tanto, una vez que las personas desean ver su contenido, los datos solicitados pueden ser servidos simplemente leyendo el caché, en lugar de ser extraídos de la base de datos original cada vez, lo que a su vez disminuye considerablemente la velocidad de carga de su página.

Para agregar el almacenamiento en caché a su sitio web, simplemente instale un complemento fácil de usar llamado W3 Total Cache .

Consejo 6: Optimizar imágenes

Este paso es importante, pero a menudo se ha pasado por alto. Debe cargar imágenes con los formatos correctos y los tamaños adecuados. Por ejemplo, se prefiere el PNG de 8 bits para una captura de pantalla simple y de color limitado, y el JPG de 24 bits para fotografías con muchos colores. A veces, es posible que realmente necesite imágenes que contengan una tonelada de metadatos extraños, lo que aumenta drásticamente el tamaño de los archivos de imagen. En este momento, debe comprimirlos y cambiar su tamaño antes de cargarlos en su sitio.

Con herramientas gratuitas como Tiny PNG y Image Optimizer a tu disposición, puedes optimizar las imágenes fácilmente. Haga clic aquí para obtener más información sobre la optimización de imágenes.

Consejo 7: preste atención a sus complementos de WordPress

El uso de demasiados complementos puede crear una gran carga para sus sitios web y ralentizar la velocidad. Por lo tanto, una de las formas más fáciles de hacer que WordPress funcione mejor es desactivar y eliminar algunos complementos que no son necesarios o que no agregan mucho valor a sus sitios, y solo retiene los complementos que necesita, no los que desea.

Consejo 8: use CDN

CDN, red de entrega de contenido, ayuda a entregar eficientemente su contenido, CSS, Javascript e imágenes, etc. desde diferentes ubicaciones en todo el mundo con alta disponibilidad y alto rendimiento, al servir el contenido desde la ubicación más cercana a sus visitantes como sea posible. La utilización de la red de entrega de contenido es una de las formas más efectivas para aumentar la velocidad de su sitio web.

Copia su contenido en múltiples servidores que están ubicados estratégicamente en todo el mundo, por lo que una vez que las personas visiten sus sitios, los contenidos deseados se entregarán desde el servicio cercano, lo que aumenta la velocidad en la mayor medida. Si bien hay tantos proveedores de CDN disponibles, hemos enumerado los 5 principales. Además, como hay muchos CDN en el mercado, recomendamos encarecidamente los siguientes 4, con los que puede disfrutar de los precios más económicos y paneles fáciles de usar:

  • Amazon S3
  • Max CDN
  • Media Temple CDN
  • CDN gratis

Consejo 9: Optimizando CSS, scripts Java

Comprimir y combinar secuencias de comandos CSS y Java puede mejorar la velocidad de carga de la página de sus sitios de WordPress, ya que comprimir los 2 disminuye el tamaño general de la página, y combinar varios archivos en un solo archivo reduce la cantidad de solicitudes HTTP a su servidor web. Algunas de las poderosas herramientas de compresión y combinación se enumeran a continuación:

  • Para scripts Java: compilador de cierre, Minify JavaScript
  • Para CSS: Minify CSS, CSS Compressor

Consejo 10: Elija un buen host web

Además de optimizar su sitio de WordPress, hay otra cosa que debe hacer al mismo tiempo: asegurarse de tener una empresa confiable de alojamiento de WordPress. Cada sitio necesita un proveedor de alojamiento web, y elegir el proveedor de alojamiento adecuado es uno de los ingredientes más cruciales para el éxito de un sitio de WordPress. Hay 3 mejores empresas de alojamiento de WordPress recomendadas no solo por nuestros editores especializados, sino también por una gran cantidad de webmasters. Son InMotion, BlueHost y HostMonster.

Todos los 3 servidores web son 100% compatibles con WordPress, y admiten las últimas versiones de MySQL, la versión dual de PHP (5.2x y 5.3x), el módulo mod_rewrite Apache y hasta 256 MB de memoria de PHP (límite superior al mínimo técnico de WordPress). requisitos) a precios asequibles que van desde $ 2.95 / mes a 4.89 / mes Además, con los instaladores de WordPress de 1 clic (BlueHost y JustHost utilizan SimpleScripts, InMotion Hosting utiliza Softaculous) incluido en el poderoso cPanel de las 3 compañías, webmasters, especialmente los novatos , puede instalar WordPress rápida y fácilmente con unos pocos clics.

Por último, pero no menos importante, los sitios de WordPress alojados con estas compañías siempre son increíblemente rápidos, con al menos un 99.9% de tiempo de actividad incluso cuando reciben aumentos repentinos en el tráfico. Por cierto, el soporte técnico de los 3 servidores web es de primera categoría, y los clientes pueden resolver sus problemas perfectamente con la ayuda de un grupo de personal de soporte profesional disponible 24/7 por teléfono, correo electrónico y chat en vivo. Aquí hay una tabla general para los aspectos más destacados de esas empresas.

Consejo 11: Comience con una plantilla sólida

No importa qué tipo de sitio web esté iniciando y ejecutando, un tema hermoso debe ser una necesidad para ayudarlo a captar la atención de las personas y retenerlas. Sin embargo, no todos los temas son buenos para la velocidad de carga de su página. Algunos de ellos vienen con marcos inflados y extensiones masivas para ralentizar su sitio web y responder a todas las solicitudes enviadas a los servidores.

En este caso, para la ejecución más rápida del sitio web, debe elegir un tema que sea ligero o esté optimizado para la velocidad. Nunca comience con un tema atractivo que esté mal codificado.

Consejo 12: Optimice su página de inicio exclusivamente

La página de inicio es una de las partes más cruciales de todo su sitio, ya que las personas pueden estar aterrizando aquí con más frecuencia. En este caso, será mejor que optimices su velocidad haciendo lo siguiente.

  • Elimine las partes o widgets innecesarios para compartir.
  • Elimina los widgets de barra lateral inactivos.
  • Reduzca el número total de publicaciones en la página de inicio o la barra lateral.
  • Mostrar los extractos para reemplazar el contenido completo.

Consejo 13: preste atención a la optimización de la base de datos

La optimización de la base de datos de WordPress puede ser un poco complicada y técnica. En este caso, recomendamos encarecidamente a los webmasters comunes o usuarios nuevos que hagan uso de los complementos relacionados de WordPress como WP-Optimize.

En general, cuando su sitio se ejecuta durante mucho tiempo, es inevitable que sus complementos, temas, widgets, imágenes y contenido web eliminados dejen algunos códigos o datos deficientes. En este caso, debe optimizar su base de datos regularmente para eliminar estas papeleras y así acelerar su sitio web.

Consejo 14: Eduque a sus clientes y usuarios

A veces, no está creando su sitio web para usted, sino para sus usuarios y clientes. Si es así, debe educar a estas personas y advertirles que no hagan algo perjudicial para la velocidad de funcionamiento de su sitio web. Aquí, puede considerar agregar la guía o documentación para el usuario final.

La información de origen proviene de https://howshosting.com/speed-up

Verifique la velocidad de respuesta de su servidor WordPress

Antes de realizar cualquier paso, primero debe verificar la velocidad de respuesta del servidor alcanzada por su sitio web. Hay muchas herramientas útiles que puede usar para iniciar la verificación, como Uptime Robot, Pingdom y Google PageSpeed.

Aquí, recomendamos encarecidamente que el último sea el producto de Google. Para usarlo, simplemente necesita ingresar a la página de herramientas de PageSpeed ​​Insights, proporcionar el nombre de dominio de su sitio y hacer clic en el botón Analizar.

Según algunos expertos en SEO y gigantes de los motores de búsqueda, el tiempo de respuesta del servidor que no supera los 350 se considera el mejor.

Elija el proveedor de alojamiento rápido

Es posible que haya tomado todas las acciones recomendadas, pero aún así encuentre que el tiempo de respuesta de su servidor es largo. Si es así, el problema podría ser su proveedor de alojamiento web. En este caso, debe asegurarse de que su proveedor de alojamiento actual garantice el rendimiento rápido. Incluso, puede considerar las empresas administradas de alojamiento de WordPress como BlueHost.

Hacer uso del complemento de almacenamiento en caché

La instalación del complemento de almacenamiento en caché es la mejor manera de acortar el tiempo de respuesta del servidor de su sitio de WordPress. Estas herramientas pueden guardar los archivos HTML que se generan de forma dinámica y automática. Y luego, los complementos servirán los archivos y datos de almacenamiento en caché sin importar cuándo se hagan algunas solicitudes para ellos. Incluso, para una mejor mejora, el complemento de almacenamiento en caché puede comprimir el archivo CSS y JavaScript para la optimización.

Ahora, el problema es cómo seleccionar un complemento de almacenamiento en caché adecuado entre cientos de opciones. A continuación, hemos enumerado algunos consejos que puede tener en cuenta.

  • El complemento debe ser simple, fácil de entender y fácil de usar.
  • Solo el almacenamiento en caché de la página web no es suficiente. El complemento también debe ser lo suficientemente potente como para almacenar en caché la base de datos.
  • La capacidad de comprimir todos los archivos estáticos también es importante. Esta característica puede ahorrar mucho los espacios web.

De hecho, los complementos ampliamente utilizados son WP Super Cache y W3 Total Cache. Ambos pueden cumplir los requisitos anteriores. Puede seleccionar entre ellos directamente.

Eliminar todas las revisiones, complementos innecesarios y memoria transitoria

WordPress guardará todos los borradores de sus revisiones automáticamente. Estos archivos adicionales consumirán y ocuparán una gran cantidad de base de datos. Si bien la optimización de la base de datos es crucial para la reducción del tiempo de respuesta del servidor, será mejor que limpie la memoria transitoria y las revisiones.

Además, demasiados complementos también pueden conducir a un tiempo de respuesta lento de su sitio web. Esto se debe a que cualquier complemento que active agregará el peso adicional a su sitio. Incluso, si sus complementos están mal codificados, estas herramientas pueden ralentizar enormemente su sitio web. Por ejemplo, aumentarán el consumo de su base de datos, harán las solicitudes a su servidor de forma persistente y las llamadas a algunos servicios externos.

En este caso, debe averiguar todos los complementos que no usará o que rara vez usará desde el área de Complementos de su administrador. Y luego, debe desactivarlos y eliminarlos.

Actualice a la última versión de PHP

Al instalar el script de WordPress, la versión de PHP podría ser la última versión en ese momento. Sin embargo, si las actualizaciones de PHP, debe hacer la actualización en consecuencia. Por ejemplo, PHP 7 puede funcionar al menos 2 veces más rápido que PHP 5.6. Esto se debe a que los desarrolladores de PHP optimizan este lenguaje de programación para manejar solicitudes dobles por cada segundo.

Verifique la versión actual

Si está seguro de abrir el directorio raíz de su sitio, puede seguir los siguientes pasos.

  • Abra el editor de código como NotePad ++ para agregar la siguiente línea.
  • Guarde este archivo como el archivo .php.
  • Suba este nuevo archivo al directorio raíz de su servidor.
  • Abra el archivo en un nuevo navegador para verificar la versión de PHP.

Si no desea seguir estos pasos, puede usar el complemento phpinfo de WordPress. Después de la instalación, solo necesita hacer clic en la página de configuración de este complemento para verificar la versión de PHP.

Actualiza a la última versión

Aquí, puede usar el panel de control de cPanel. Después de iniciar sesión, puede encontrar el ícono del Administrador de MultiPHP y hacer clic en él. De la lista desplegable de la versión de PHP, simplemente necesita elegir la última versión y presionar el botón Aplicar.

Reducir los scripts externos

Al igual que los elementos del consejo anterior, los scripts externos también pueden reducir la velocidad de respuesta del servidor. Los botones para compartir de Facebook y Twitter son los scripts externos populares. Para un mejor rendimiento en línea, será mejor que los elimine de la página de inicio. Tenga en cuenta que no queremos sugerirle que los elimine a todos. Este es un gran compromiso que debe considerar, elegir entre las características externas y la velocidad.

Aquí, hemos enumerado algunos otros scripts externos comunes.

  • Secuencias de comandos de video de YouTube
  • Cuadro de comentarios de Google Plus y Disqus
  • Botones para compartir en redes sociales
  • Cuadro de chat en vivo
  • Formularios de suscripción y formularios emergentes
  • Google analitico
  • Fuentes de Google

Tome las prácticas comunes para la mejora del rendimiento

Además de los consejos anteriores, también debe tomar las siguientes acciones que se adoptan ampliamente para una mayor optimización del funcionamiento del sitio web.

  • Acelere su página de inicio y las publicaciones más populares para cargarlas rápidamente. Esto se debe a que más del 90% del tráfico en línea de su sitio proviene de estas páginas.
  • Optimice sus imágenes reduciendo el peso y el tamaño de ellas.
  • Habilite la compresión GZIP para todos los archivos en su sitio web.
  • Limpia y optimiza tu base de datos.
  • Haga uso de la red de entrega de contenido.
  • Habilite la carga lenta para imágenes y archivos descargables.
  • Instale el AMP para la mejor velocidad del sitio web en teléfonos móviles.

Antes de reflexionar sobre cómo acelerar el sitio de WordPress, comprendamos por qué necesitamos optimizar la velocidad. Además de varios otros factores, el algoritmo de búsqueda de Google también incluye la velocidad de su página como uno de los parámetros importantes para calcular el PageRank.

Olvidemos los números y otros detalles técnicos por un momento. ¿Qué le gustaría: un sitio web que se carga más rápido o un sitio web que siempre es lento? Te gustaría el más rápido, porque te ahorra tiempo. Admítelo, pasarías a otro sitio si no se carga como debería.

Entonces, ahora que conoce la velocidad de la página, necesita una herramienta para verificar la velocidad de la página. Hay un par de herramientas gratuitas que puede usar para verificar la optimización de la velocidad del sitio web. Algunos de los más comunes son

  • GTmetrix
  • WebPageTest
  • Herramientas de velocidad de página

Ahora que hemos establecido la importancia de la velocidad del sitio web y la optimización del rendimiento, echemos un vistazo a las formas en que podemos acelerar el sitio de WordPress.

# 1 Minimizar solicitudes HTTP

Cuando usa un sitio de WordPress con múltiples complementos, carga diferentes archivos de sitios web externos. Estos archivos contienen hojas de estilo, scripts e imágenes de recursos externos. Aunque estos archivos están optimizados para cargarse rápidamente, si tiene varios, puede ralentizar su sitio web. La forma más fácil de minimizar las solicitudes HTTP es deshabilitar los scripts y estilos o fusionarlos en un solo archivo. También puede deshabilitar javascript y archivos CSS externos. Sin embargo, cambiar los archivos CSS sin el conocimiento adecuado puede dificultar el diseño y la funcionalidad de su sitio.

# 2 Reduce el tiempo de respuesta del servidor

Antes de planear reducir el tiempo de respuesta del servidor, debe verificar los factores que influyen en el tiempo del servidor. Estos son algunos de los factores que deciden qué tan rápido funcionará su servidor

  • Base de datos: la base de datos forma parte integral. La velocidad del servidor depende de la optimización de la base de datos y de la velocidad de sus consultas.
  • Tráfico y alojamiento: la cantidad de solicitudes realizadas a su servidor también determina la velocidad. También depende de qué tan bueno sea el proveedor de hosting que tenga.
  • Software de servidor: ¿Utiliza algún software de terceros para reducir complicaciones? En caso afirmativo, incluso eso puede hacer que su servidor se ralentice.
  • Uso de recursos: algunos servidores requieren muchos recursos. Entonces, si tiene muchos recursos, eso puede afectar la velocidad. Para evitar eso, debe almacenar en caché los recursos correctamente.

Ahora que conoce los factores que afectan el tiempo de respuesta del servidor, echemos un vistazo a las formas de reducir el tiempo de respuesta del servidor

Puede hacerlo por cualquiera de los siguientes métodos

  • Reducir la cantidad de recursos requeridos; puedes consolidar los recursos
  • Usar scripts en línea y hojas de estilo en lugar de usar un archivo externo para pequeñas modificaciones
  • Al diferir recursos que no se requieren de inmediato. Puede intentar analizar las hojas de estilo más adelante si no las necesita al principio
  • Reducir al mínimo los recursos, para que no ocupen espacio en el servidor.
  • Comprimir sus recursos, para que no cree un retraso en su servidor

También puede almacenar en caché su sitio con frecuencia, para evitar el uso excesivo de los recursos del servidor, lo que mejora el rendimiento del sitio web.

# 3 Habilitar compresión

Habilitar la compresión ayuda a acelerar el sitio web. Sin embargo, si planea comprimir manualmente cada uno de sus elementos, eso tomaría eones para que lo haga. Es por eso que puede usar algunos de los complementos disponibles en WordPress para la compresión automática de los elementos. El más común es la compresión gzip. Todo lo que necesita hacer es instalar el complemento y optimizarlo, y ya está.

Otro método para habilitar la compresión es disminuir la hinchazón del código, o el código excesivo asociado con el tema o el complemento. Tenga en cuenta que necesita un profesional para esto, ya que podría cortar las partes necesarias del código si no sabe lo que es importante.

# 4 Habilitar el almacenamiento en caché del navegador

La forma más fácil de habilitar el almacenamiento en caché del navegador en WordPress es a través de complementos. Puede probar los diferentes complementos como “WP Fastest Cache”. Todo lo que necesita hacer es activar el complemento, elegir las opciones correctas de almacenamiento en caché del navegador y hacer clic en el botón Enviar.

Otros métodos para habilitar el almacenamiento en caché del navegador incluyen la edición de los archivos .htaccess. Sin embargo, debe consultar a un profesional, especialmente si no sabe cómo acceder al archivo .htaccess. Cualquier cambio realizado en el archivo sería permanente, así que proceda con precaución.

# 5 Recursos Minify

Como se mencionó anteriormente, si desea acelerar el sitio de WordPress, debe minimizar los recursos que se utilizan. Puede hacerlo eliminando las cadenas de consulta de los recursos estáticos. En inglés simple, minimizar su código significa eliminar las cosas no esenciales como espacios en blanco, comentarios o nuevos caracteres de línea. Son buenos para usted si está tratando de codificar algo, pero no lo suficientemente buenos si no sabe qué es la codificación.

Una vez más, puede elegir una serie de complementos para esta opción. Algunos complementos como los pagos también le ofrecen opciones de almacenamiento en caché. De lo contrario, también puede contratar a un desarrollador experimentado de WordPress que minimice el código manualmente. Esto es más efectivo que usar un complemento, porque el desarrollador revisa cada línea de código y elimina el exceso.

# 6 Optimizar imágenes

Optimizar el tamaño y la dimensión de la imagen puede ahorrar muchos recursos del servidor. Una mejor manera de lograr esto es a través de la compresión. Con complementos de compresión normales como TinyPNG, tiene la opción de comprimir sus imágenes y almacenarlas. De esta manera, no solo liberan espacio útil, sino que también hacen que su sitio se cargue más rápido.

# 7 Optimizar la entrega de CSS

CSS, u hoja de estilo en cascada es utilizada por los sitios web para que se vea más atractiva. Entonces, ¿qué es la entrega de CSS? Es el proceso mediante el cual utiliza CSS para representar o presentar una página web. También puede usar archivos CSS externos o bloques CSS internos según sus requisitos.

Para optimizar la entrega de CSS, asegúrese de no estar utilizando más de una hoja de estilo CSS externa. Además, también debe asegurarse de que la mayor parte de la codificación esté en línea para ahorrar recursos del servidor. También evite agregar CSS en sus encabezados o divs a menos que sea obligatorio. Si esto le parece griego, es mejor contratar a un desarrollador profesional que pueda resolver su problema de entrega de CSS en lugar de modificarlo usted mismo.

# 8 Priorice el contenido del doblez

Una de las formas básicas de promocionar su sitio es proporcionar la mejor experiencia de usuario. Esto se debe a que cuando proporciona la mejor experiencia de usuario, automáticamente tiene más tráfico orgánico. Por lo tanto, si prioriza el contenido importante en su sitio y proporciona un buen diseño de interfaz de usuario, la gente volverá nuevamente cuando lo visite. Es por eso que debe enfatizar en priorizar el contenido de la mitad superior de la página.

Entonces, ¿cómo priorizas eso? Puede hacerlo reestructurando su código HTML para cargar primero el contenido importante, o reducir la cantidad de datos que usan sus recursos. Ambos necesitan un conocimiento técnico profundo, y es mejor contratar a un profesional de optimización de velocidad de sitios web para hacerlo en lugar de estropearlo si lo hace usted mismo.

# 9 Reduce la cantidad de complementos

Esto es de conocimiento común de que cada complemento viene con un conjunto de archivos y carpetas preformados. Entonces, cuanto más cantidad de complementos, más voluminoso es su sitio. Por lo tanto, si planea acelerar su sitio, debe reducir la cantidad de complementos en su sitio. Solo conserve los que sean absolutamente necesarios y elimine el resto. No los desactive, elimínelos también para ahorrar espacio y limpie su caché.

# 10 Reduce los redireccionamientos

Los redireccionamientos no solo pueden ser frustrantes sino también ralentizar su sitio. Esto se debe a que es una gran pérdida de tiempo visitar una página y luego pasar a otra página. Esto retrasa todo el proceso. Inicialmente, si no tiene tráfico, es posible que no tenga problemas. Sin embargo, avanzando, más tráfico, más será la cola y más lento será el sitio.

Por lo tanto, para reducir los redireccionamientos, asegúrese de que el contenido digital que está compartiendo esté ubicado en un solo lugar y que sus visitantes no necesiten moverse de una página a otra para encontrar un enlace roto o redirigido.

Entonces, ahora que conoce estas formas básicas para acelerar el sitio de WordPress, es hora de hacer una auditoría manual para la velocidad del sitio web y la optimización del rendimiento. Comprueba dónde falta tu sitio y dónde puedes encontrarlo, incluso puedes solucionarlo sin muchos problemas. Si cree que es demasiado complicado (lo cual es), no dude en contactarnos. Nuestro equipo interno de desarrolladores web puede ayudarlo a acelerar su sitio.

La velocidad es poder en el marketing digital. Como uno de los principales factores de las clasificaciones de búsqueda, los propietarios de sitios web deben ser más conscientes de la rapidez con que se cargan sus respectivos sitios. Esta noción se reforzó aún más cuando Google lanzó la actualización de complementos para dispositivos móviles que otorgó la prima a los sitios web adaptables y adaptables para dispositivos móviles.

Los usuarios de WordPress tienen el lujo de poder mantenerse al día con las demandas cambiantes de los motores de búsqueda y entregar contenido a su público objetivo a un tiempo de velocidad récord.

A continuación se detallan formas en que puede hacer que su sitio o blog se cargue más rápido que nunca para obtener la gracia de los motores de búsqueda, pero también de su mercado objetivo.

– Instalar artículos instantáneos de Facebook y Google AMP

El Mobilegeddon es quizás una de las razones por las cuales Facebook y Google adoptaron Artículos Instantáneos y AMP, respectivamente. Ambos están orientados a proporcionar a los usuarios móviles una experiencia de usuario más fluida cuando ven contenido en sus dispositivos. La audiencia móvil es crucial, ya que ayudó a inclinar el equilibrio del consumo en línea a un enfoque multiplataforma en el que la mayoría de las personas usan dispositivos móviles y de escritorio para conectarse a Internet.

Más importante aún, ambas ayudas reducen el tiempo de carga de la página en sus dispositivos para que puedan ver el contenido más rápido. Si está considerando implementar ambos en su sitio de WordPress, es posible que desee probar PageFrog que le permite convertir su contenido publicado en Artículos instantáneos como AMP.

– Elija WordPress Hosting

Su proveedor de alojamiento web juega un papel fundamental en la velocidad de carga de su sitio. Si bien es cierto que las herramientas son tan importantes como la persona que las usa, esto es algo que no puede aplicar con respecto al alojamiento web. Si elige un proveedor de alojamiento web mediocre o de calidad inferior, entonces su sitio de WordPress fallará a pesar de lo estelar que sea su contenido o de lo bien diseñado que esté su sitio.

Por lo tanto, debe elegir un proveedor de alojamiento web que ofrezca no solo la velocidad óptima para su sitio de WordPress, sino también un tiempo de inactividad mínimo, un servicio de atención al cliente útil y una mejor seguridad. No tendrá que preocuparse por la velocidad de carga reducida si su sitio o blog atrae miles de tráfico al mismo tiempo. Su proveedor de alojamiento web de WordPress elegido le proporciona todas las herramientas y recursos para construir un sitio de alto rendimiento sin comprometer la velocidad.

– Use la red de entrega de contenido

Incluso si elige un buen proveedor de alojamiento para ayudar a que su sitio se cargue más rápido, hay una manera de exprimir más jugo de su velocidad de carga.

La velocidad de carga depende de dónde se base su proveedor de alojamiento web. Cuanto más lejos estén sus visitantes de la ubicación física de alojamiento web, más lento se cargará su sitio.

Para eliminar este problema, debe usar una red de entrega de contenido (CDN) que está compuesta por servidores de distribución de todo el mundo. Cuando configura un CDN en su sitio o blog de WordPress, el servidor más cercano de su servidor de distribución entregará el contenido a sus visitantes. Esto dará como resultado tiempos de carga más rápidos y una experiencia más conveniente para los usuarios que navegan por su sitio.

Un CDN también hace el trabajo pesado para hacer que su sitio o blog de WordPress sea accesible para usuarios y visitantes. Como resultado, le quita la carga que generalmente toman los servidores de su alojamiento web. Al eliminar la carga de devolver solicitudes HTTP desde un navegador al servidor y viceversa, su proveedor de alojamiento web puede operar de manera más eficiente.

Hay muchas redes de entrega de contenido para elegir, según el tipo de sitio que tenga y el volumen de visitantes que atraiga a su sitio de manera regular.

– Prevenir Hotlinking

Dado que su proveedor de alojamiento web será una de sus posesiones en línea más preciadas, desea beneficiarse de todos sus recursos al ejecutar su sitio o blog. Sin embargo, habrá momentos en que otros se suban a la cola de su contenido y los aprovechen en sus publicaciones.

Por ejemplo, si aloja una infografía o una imagen llamativa en su sitio, algunos la incluirán en su publicación de blog. Sin embargo, en lugar de cargar la imagen en sus respectivos servidores, simplemente copiarán el enlace original alojado en sus servidores y lo pegarán en su publicación de blog. Como resultado, están tomando prestado su ancho de banda en lugar de usar el suyo. ¡Cada vez que alguien visita la página, su imagen robada se carga desde su servidor !

El proceso se conoce como hotlinking o “leeching de contenido” puede reducir la velocidad de carga porque otros lo están utilizando para presentar contenido en su sitio. Esto puede ser condenatorio, especialmente si la persona que robó el enlace a su imagen está generando miles de tráfico de manera regular.

¿Qué hay de usted? ¿Hay otras formas no mencionadas anteriormente que implemente en su sitio de WordPress para ayudar a aumentar su velocidad de carga? Compártalos con nosotros publicando en nuestra página de Facebook o contáctenos.

Fuente: Moz.

“Habilitar la compresión

Use Gzip, una aplicación de software para la compresión de archivos, para reducir el tamaño de sus archivos CSS, HTML y JavaScript que son mayores de 150 bytes.

No use gzip en archivos de imagen. En cambio, comprima estos en un programa como Photoshop donde puede mantener el control sobre la calidad de la imagen. Consulte “Optimizar imágenes” a continuación.

Minificar CSS, JavaScript y HTML

Al optimizar su código (incluida la eliminación de espacios, comas y otros caracteres innecesarios), puede aumentar drásticamente la velocidad de su página. También elimine los comentarios de código, el formato y el código no utilizado. Google recomienda usar YUI Compressor para CSS y JavaScript.

Reduce las redirecciones

Cada vez que una página redirige a otra página, su visitante se enfrenta a un tiempo adicional esperando que se complete el ciclo de solicitud-respuesta HTTP. Por ejemplo, si su patrón de redireccionamiento móvil se ve así: “Ejemplo de dominio -> http://www.example.com -> m.example.com -> m.example.com/home”, cada uno de esos dos redireccionamientos adicionales hace que su página se cargue más lentamente.

Aproveche el almacenamiento en caché del navegador

Los navegadores guardan mucha información (hojas de estilo, imágenes, archivos JavaScript y más) para que cuando un visitante regrese a su sitio, el navegador no tenga que recargar toda la página. Use una herramienta como YSlow para ver si ya tiene una fecha de vencimiento establecida para su caché. Luego, configure el encabezado “caduca” durante cuánto tiempo desea que se almacene esa información en caché. En muchos casos, a menos que el diseño de su sitio cambie con frecuencia, un año es un período de tiempo razonable. Google tiene más información sobre cómo aprovechar el almacenamiento en caché aquí.

Mejora el tiempo de respuesta del servidor

El tiempo de respuesta de su servidor se ve afectado por la cantidad de tráfico que recibe, los recursos que usa cada página, el software que usa su servidor y la solución de alojamiento que usa. Para mejorar el tiempo de respuesta del servidor, busque cuellos de botella en el rendimiento, como consultas lentas de la base de datos, enrutamiento lento o falta de memoria adecuada, y corríjalos. El tiempo de respuesta óptimo del servidor es inferior a 200 ms. Obtenga más información sobre cómo optimizar su tiempo para el primer byte.

Use una red de distribución de contenido

Las redes de distribución de contenido (CDN), también llamadas redes de entrega de contenido, son redes de servidores que se utilizan para distribuir la carga de entrega de contenido. Esencialmente, las copias de su sitio se almacenan en múltiples centros de datos geográficamente diversos para que los usuarios tengan un acceso más rápido y confiable a su sitio.

Optimizar imágenes

Asegúrese de que sus imágenes no sean más grandes de lo necesario, que estén en el formato de archivo correcto (los PNG son generalmente mejores para gráficos con menos de 16 colores mientras que los JPEG son generalmente mejores para fotografías) y que están comprimidos para la web .

Use sprites CSS para crear una plantilla para las imágenes que usa con frecuencia en su sitio, como botones e íconos. Los sprites CSS combinan sus imágenes en una imagen grande que se carga de una vez (lo que significa menos solicitudes HTTP) y luego muestra solo las secciones que desea mostrar. Esto significa que está ahorrando tiempo de carga al no hacer que los usuarios esperen a que se carguen varias imágenes “.

KopeMedia | Diseño web, SEO y análisis

Puede usar los complementos WP Fastest Cache y Autoptimize para configurar sus ajustes de velocidad.

Antes de comenzar a tratar de mejorar su velocidad, debe echar un vistazo a lo que está actualmente. La herramienta de comprobación de velocidad de página y la herramienta de comprobación de estadísticas de Google deberían poder darle un buen vistazo.

1. Minimice las solicitudes HTTP

Según Yahoo, el 80% del tiempo de carga de una página web se gasta descargando las diferentes partes de la página: imágenes, hojas de estilo, scripts, Flash, etc. Se realiza una solicitud HTTP para cada uno de estos elementos, por lo que más información sobre -componentes de página, cuanto más tiempo tarda la página en renderizarse.

Siendo ese el caso, la forma más rápida de mejorar la velocidad del sitio es simplificar su diseño.

  • Agilice la cantidad de elementos en su página.
  • Use CSS en lugar de imágenes siempre que sea posible.
  • Combina múltiples hojas de estilo en una.
  • Reduzca los guiones y colóquelos al final de la página.

Siempre recuerde, cuando se trata de su sitio web, más ágil es mejor.

Consejo profesional: comience una campaña para reducir la cantidad de componentes en cada página. Al hacer esto, reduce la cantidad de solicitudes HTTP necesarias para que la página se procese, y mejorará significativamente el rendimiento del sitio.

2. Reduce el tiempo de respuesta del servidor

Su objetivo es un tiempo de respuesta del servidor de menos de 200 ms (milisegundos). Y si sigue los consejos de este artículo, está en camino de lograrlo.

Google recomienda utilizar una solución de monitoreo de aplicaciones web y verificar cuellos de botella en el rendimiento.

Consejo profesional: lea este informe de Singlehop, Critical Ecommerce Infrastructure Needs Needs, para conocer nueve cosas en las que debe concentrarse para que su sitio funcione bien.

Luego, aproveche estos recursos:

  • Yslow: para evaluar la velocidad de su sitio y obtener consejos sobre cómo mejorar el rendimiento.
  • Herramientas PageSpeed ​​de Google: para obtener más información sobre las mejores prácticas de rendimiento y automatizar el proceso.

3. Habilitar la compresión

Las páginas grandes (que es lo que podría tener si está creando contenido de alta calidad) a menudo son de 100 kb y más. Como resultado, son voluminosos y lentos para descargar. La mejor manera de acelerar su tiempo de carga es comprimirlos, una técnica llamada compresión .

La compresión reduce el ancho de banda de sus páginas, lo que reduce la respuesta HTTP. Lo haces con una herramienta llamada Gzip.

La mayoría de los servidores web pueden comprimir archivos en formato Gzip antes de enviarlos para su descarga, ya sea llamando a un módulo de terceros o utilizando rutinas integradas. Según Yahoo, esto puede reducir el tiempo de descarga en aproximadamente un 70%.

Y dado que el 90% del tráfico actual de Internet viaja a través de navegadores que admiten Gzip, es una excelente opción para acelerar su sitio.

Consejo profesional: lea este artículo para obtener más detalles sobre la compresión Gzip. Luego configure su servidor para habilitar la compresión:

  • Apache: use mod_deflate
  • Nginx: use HttpGzipModule
  • IIS: configurar la compresión HTTP

4. Habilitar el almacenamiento en caché del navegador

Cuando visita un sitio web, los elementos de la página que visita se almacenan en su disco duro en un caché o almacenamiento temporal, por lo que la próxima vez que visite el sitio, su navegador puede cargar la página sin tener que enviar otra solicitud HTTP a el servidor.

Así es como Tenni Theurer, anteriormente de Yahoo, lo explica …

La primera vez que alguien visita su sitio web, debe descargar el documento HTML, las hojas de estilo, los archivos javascript y las imágenes antes de poder usar su página. Eso puede ser de hasta 30 componentes y 2.4 segundos.

Una vez que la página ha sido cargada y los diferentes componentes almacenados en la memoria caché del usuario, solo es necesario descargar algunos componentes para visitas posteriores.

En la prueba de Theurer, eso fue solo tres componentes y .9 segundos, lo que redujo casi 2 segundos el tiempo de carga.

Theurer dice que entre el 40 y el 60% de los visitantes diarios de su sitio ingresan con un caché vacío, por lo que es fundamental que haga que su página sea más rápida para estos visitantes nuevos. Pero también debe habilitar el almacenamiento en caché para ahorrar tiempo en las visitas posteriores.

Consejo profesional: lea este artículo para conocer cuatro métodos para habilitar el almacenamiento en caché.

Los recursos estáticos deben tener una vida útil de caché de al menos una semana. Para recursos de terceros como anuncios o widgets, deben tener una vida útil de caché de al menos un día.

Para todos los recursos almacenables en caché (archivos JS y CSS, archivos de imagen, archivos multimedia, PDF, etc.), establezca Caduca en un mínimo de una semana, y preferiblemente hasta un año en el futuro. No lo establezca en más de un año en el futuro porque eso viola las pautas de RFC.

5. Recursos Minify

Los recursos WYSIWYG facilitan la creación de una página web, pero a veces crean código desordenado, y eso puede ralentizar considerablemente su sitio web.

Dado que cada parte innecesaria de código se agrega al tamaño de su página, es importante que elimine espacios adicionales, saltos de línea y sangría en su código para que sus páginas sean lo más esbeltas posible.

También ayuda a minimizar su código. Aquí está la recomendación de Google:

  • Para minimizar HTML, puede usar PageSpeed ​​Insights Chrome Extension para generar una versión optimizada de su código HTML. Ejecute el análisis en su página HTML y busque la regla ‘Minify HTML’. Haga clic en ‘Ver contenido optimizado’ para obtener el código HTML optimizado.
  • Para minimizar CSS, puedes probar YUI Compressor y cssmin.js.
  • Para minimizar JavaScript, pruebe el Compilador de cierre, JSMin o el Compresor YUI. Puede crear un proceso de compilación que use estas herramientas para minimizar y renombrar los archivos de desarrollo y guardarlos en un directorio de producción.

6. Optimizar imágenes

Con las imágenes, debe centrarse en tres cosas: tamaño, formato y el atributo src.

Tamaño de la imagen

Las imágenes de gran tamaño tardan más en cargarse, por lo que es importante que mantenga sus imágenes lo más pequeñas posible. Use herramientas de edición de imágenes para:

  • Recorta tus imágenes al tamaño correcto. Por ejemplo, si su página tiene 570 píxeles de ancho, cambie el tamaño de la imagen a ese ancho. No solo cargue una imagen de 2000px de ancho y configure el parámetro de ancho (ancho = ”570”). Esto ralentiza el tiempo de carga de la página y crea una mala experiencia de usuario.
  • Reduzca la profundidad de color al nivel más bajo aceptable.
  • Eliminar comentarios de imagen.

Formato de imagen

  • JPEG es tu mejor opción.
  • PNG también es bueno, aunque los navegadores más antiguos pueden no ser totalmente compatibles.
  • Los GIF solo deben usarse para gráficos pequeños o simples (menos de 10 × 10 píxeles, o una paleta de colores de 3 o menos colores) y para imágenes animadas.
  • No use BMP o TIFF.

Atributo Src

Una vez que tenga el tamaño y el formato correctos, asegúrese de que el código también sea correcto. En particular, evite los códigos src de imagen vacía.

En HTML, el código de una imagen incluye esto:

Cuando no hay una fuente entre comillas, el navegador realiza una solicitud al directorio de la página o a la página en sí. Esto puede agregar tráfico innecesario a sus servidores e incluso dañar los datos del usuario.

Consejo profesional: Tómese el tiempo para cambiar el tamaño de sus imágenes antes de cargarlas. Y siempre incluya el atributo src con una URL válida.

Para garantizar que sus imágenes se carguen rápidamente, considere agregar el complemento WP Smush.it a su sitio web.

7. Optimizar la entrega de CSS

CSS tiene los requisitos de estilo para su página. En general, su sitio web accede a esta información de una de dos maneras: en un archivo externo , que se carga antes de que se renderice su página, y en línea , que se inserta en el documento HTML.

El CSS externo se carga en la cabeza de su HTML con un código que se parece a esto:

El CSS en línea está anidado en el HTML de su página y tiene este aspecto:

En general, es preferible una hoja de estilo externa, ya que reduce el tamaño de su código y crea menos duplicaciones de código.

Consejo profesional: cuando configure sus estilos, use solo una hoja de estilo CSS externa, ya que las hojas de estilo adicionales aumentan las solicitudes HTTP. Aquí hay dos recursos que pueden ayudar:

  • Herramienta de entrega de CSS: le indica cuántas hojas de estilo externas está utilizando su sitio web.
  • Instrucciones para combinar archivos CSS externos.

Evite incluir CSS en el código HTML, como divs o sus encabezados (como el CSS en línea que se muestra arriba). Obtiene una codificación más limpia si coloca todos los CSS en su hoja de estilo externa.

8. Priorice el contenido de la mitad superior de la página

Habiendo recomendado que use solo una hoja de estilo CSS y no CSS en línea, hay una advertencia que debe tener en cuenta. Puede mejorar la experiencia del usuario haciendo que la carga de la mitad superior de la página (parte superior de la página) se cargue más rápido, incluso si el resto de la página tarda unos segundos en cargarse.

Consejo profesional: considere dividir su CSS en dos partes: una parte corta en línea que da estilo a los elementos de la mitad superior de la página y una parte externa que puede diferirse.

9. Reduzca la cantidad de complementos que usa en su sitio

Demasiados complementos ralentizan su sitio, crean problemas de seguridad y, a menudo, provocan bloqueos y otras dificultades técnicas.

Consejo profesional: desactive y elimine los complementos innecesarios. Luego, elimine los complementos que disminuyan la velocidad de su sitio.

Intente deshabilitar selectivamente los complementos y luego mida el rendimiento del servidor. De esta manera, puede identificar cualquier complemento que dañe la velocidad de su sitio.

10. Reduce las redirecciones

Los redireccionamientos crean solicitudes HTTP adicionales y aumentan el tiempo de carga. Por lo tanto, desea mantenerlos al mínimo.

Si ha creado un sitio web receptivo, lo más probable es que tenga redireccionamientos para llevar a los usuarios móviles de su sitio web principal a la versión receptiva.

Consejo profesional: Google recomienda estas dos acciones para asegurarse de que una redirección receptiva no ralentice su sitio:

  • Utilice un redireccionamiento HTTP para enviar a los usuarios con agentes de usuarios móviles directamente a la URL equivalente móvil sin redireccionamientos intermedios, y
  • Incluya el marcado en las páginas de su escritorio para identificar la URL equivalente móvil para que Googlebot pueda descubrir sus páginas móviles.

Aumente la velocidad de WordPress con siete formas fáciles.

Aunque WordPress es uno de los CMS más completos y fáciles de usar como plataforma de blogs en comparación con otros, WordPress no es la solución para usted que necesita velocidad en términos de rendimiento.

Esto probablemente se deba al hecho de que WordPress está construido con más consideración de usabilidad que rendimiento o velocidad.

Hoy, la velocidad y el rendimiento son los reyes cuando hablamos de SEO y de abrazar a los usuarios.

El usuario actual abandonará el sitio web cuando espere demasiado al abrir un sitio web, al menos se irá si dentro de 3 segundos el sitio web aún no se ha abierto.

Además del tema de SEO también es muy importante, Google incluye la velocidad del sitio web como uno de los criterios de evaluación y clasificación del sitio web.

Puede buscar el “impacto del tiempo de carga de la página” en Google, luego encontrará muchas razones por las que un sitio web debería ser rápido.

Pero no deberías leerlo todo porque luego puedes confundirte, solo concéntrate en cómo acelerar tu propio blog es suficiente. En este caso un blog creado con WordPress.

Cómo aumentar la velocidad de WordPress

Muchos complementos que pueden ayudarnos a acelerar la carga del sitio web, todos se pueden usar de forma gratuita.

1. Optimización de medios

Las imágenes sin optimizar son una de las principales causas y el mayor tiempo de carga de un sitio web, al tiempo que gastan el ancho de banda del sitio web. La solución a este problema es bastante simple instalando el complemento y ejecutando una optimización masiva en todas las imágenes y miniaturas existentes.

Hay algunos complementos de WordPress que puedes usar para esto, uno de ellos es Image. Este complemento requiere que se registre y genere una clave API, pero el paquete gratuito solo procesa imágenes de hasta 50Mb por mes.

2. Imagen de carga diferida

Además de optimizar la imagen (tamaño), no debe cargar la imagen antes de que sea realmente necesaria. Entonces, al abrir la página del sitio web, la imagen que se muestra en la pantalla principal solo, la imagen a continuación, aparecerá la nueva cuando el desplazamiento no se cargue primero al principio, sino solo después de que el usuario haya desplazado la imagen cargada.

El complemento Lazy Load le permite cargar imágenes solo cuando el usuario se desplaza hasta que la imagen esté en posición. Esto ahorra el tiempo de carga inicial y el ancho de banda de los usuarios que no se desplazan.

3. Analice su complemento de WordPress

Probablemente sea bueno cuando sabemos que WordPress tiene una gran colección de complementos disponibles, pero nos obliga a instalar varios complementos que en realidad no están hechos para la optimización, esto ciertamente degradará el rendimiento del sitio web.

4. Optimización de la base de datos

WP Optimize ayuda a mantener la base de datos limpia y optimizada sin tener que trabajar demasiado complicado y no requiere habilidad y conocimiento sobre MySQL. Solo un clic eliminará datos innecesarios (como revisiones de publicaciones, borradores antiguos, comentarios de spam, etc.), además de que este complemento también funciona como su defraudador de tabla MySQL para hacer que sus bases de datos sean más optimizadas para que no sean pesadas consultas.

5. Contenido del sitio web de caché

El almacenamiento en caché del servidor y del navegador es muy importante para el rendimiento del sitio web, especialmente si el contenido es mayormente estático (sin cambios). Para el almacenamiento en caché del servidor, puede usar WP Super Cache debido a su fácil uso y configuración.

Además del servidor de caché, también es importante aumentar el caché del navegador. Far Future Expiry Header es un complemento simple y eficiente que agrega automáticamente caducidad de encabezado a archivos e imágenes con poca configuración en su sitio web.

6. Acelerar PHP con OPCache

OPCache es básicamente un caché para su código PHP. Hará que su código se ejecute más rápido al almacenar el código ya compilado en la memoria caché también, en lugar de cambiar el archivo o borrar la memoria caché, no requerirá ninguna compilación adicional en la ejecución posterior.

Para instalarlo solo necesita seguir este tutorial y luego verificar el estado de su instalación utilizando el script de estado OPCache.

7.Utilice un buen alojamiento

Para admitir todas las herramientas y complementos anteriores, el alojamiento de calidad requerido también es bueno. No podrá acelerar la carga del sitio web si todavía utiliza un alojamiento lento, a menudo inactivo, etc.

Se recomienda usar VPS para su sitio web, en lugar de tener que luchar con otros sitios web en un Alojamiento Compartido.

Esas son algunas formas en que puede aplicar a su sitio web de WordPress, el uso del complemento es bastante fácil de hacer, en unas pocas horas terminará de hacer todo y acelerará su sitio web de WordPress.

Si encuentra mejores formas, puede informarnos en el campo de comentarios. Buena suerte…

¡Las personas también cierran su sitio web si no se carga en 2 segundos! ¡Un retraso de 1 segundo en la carga puede disminuir el 11% de visitas a la página, el 16% de satisfacción del cliente y el 7% de pérdida en las conversiones! Eso es demasiado para perder! Amazon pudo aumentar sus ingresos en un 1% al mejorar su tiempo de carga en 100 milisegundos y sí, ¡también afecta en el ranking de Google!

A pesar de que aumenta la velocidad, mucho depende de la tecnología fundamental y el servicio de alojamiento que esté utilizando. Entonces, WordPress y Magento tendrán diferentes métodos. Pero ciertamente compartiré algunos factores básicos que deberían hacer el trabajo.

¡Siga estos 5 pasos para acelerar su sitio web y ver la diferencia que marca la tasa de conversión!

1. Optimizar el tamaño de la imagen

Las imágenes de gran tamaño pueden reducir la velocidad de carga de un sitio web, así que asegúrese de reducirlas al mínimo posible. Si su página tiene 530 px de ancho, recorte sus imágenes a 530 de ancho. Además, intente reducir la profundidad de color al nivel más bajo posible.

2. Obtenga una retención de solicitudes HTTP

El 80% del tiempo de carga de un sitio web se destina a la descarga de diferentes elementos de la página, como imágenes, scripts, flash, etc. La única solución es optimizar el número de elementos en su página, usar CSS en lugar de imágenes, colocar múltiples hojas de estilo en una y reducir los guiones para ponerlos al final de la página.

3. Obtenga su sitio GZIPPED!

La compresión y deflación GZIP son dos técnicas a través de las cuales el tamaño del archivo se puede reducir en más del 70% sin afectar la calidad de los elementos de la página. Esto eventualmente acelera su sitio web.

4. Poner el almacenamiento en caché del navegador a trabajar

Para las visitas posteriores, habilite el almacenamiento en caché del navegador ya que esto permitirá a los usuarios almacenar en caché los datos solo la primera vez, lo que les permitirá descargar solo unos pocos elementos a partir de entonces. Esto conducirá a menos descargas, aumentando así la velocidad del sitio.

5. Controle el uso de su complemento

Los complementos innecesarios ralentizan un sitio creando problemas de seguridad, bloqueos y dificultades técnicas. Elimine los complementos que no necesita. Además, elimine los que ralentizan su sitio deshabilitando los complementos de forma selectiva midiendo el rendimiento de su servidor.

Hay literalmente cientos de formas en que puede aumentar la velocidad. Pero estos le darán una ventaja. También puede consultar estos factores para aumentar la velocidad del sitio web de WP. Los buenos desarrolladores y diseñadores web siguen aprendiendo nuevas formas de aumentar la velocidad. Entonces, implemente estos y vea qué cambios suceden.

La velocidad de carga del sitio ahora juega un papel muy importante en el éxito en línea. Los principales motores de búsqueda toman la velocidad de carga del sitio en sus algoritmos para determinar las clasificaciones. ¡Eso no es! También se informa que los sitios web de alta velocidad tienen una tasa de conversión más alta. Esto es especialmente cierto en el caso de los sitios web de comercio electrónico . Los usuarios también aprecian las páginas que se cargan más rápido y disfrutan navegando en ellas por más tiempo.

Si tiene un sitio web impulsado por WordPress, aquí hay algo que lo ayudará a acelerar su sitio web de WP en muy poco tiempo.

Reduce las solicitudes HTTP

En palabras simples, se debe reducir la cantidad de archivos necesarios para mostrar su sitio web. Cuando un visitante llega a su sitio web, muchos archivos que incluyen CSS, imágenes y referencias de bibliotecas de JavaScript deben cargarse en el navegador del visitante. Más cantidad de archivos, más tiempo llevará cargarlos.

Ciertos complementos de WordPress cargan CSS extraños en el código de su sitio web. Esto puede aumentar aún más el tamaño de tu página sin que realmente lo sepas. Eliminar cosas innecesarias, especialmente el código. Haga una verificación manual si es posible en los códigos del complemento.

Optimizar imágenes

Las imágenes pueden tardar una eternidad en cargarse, especialmente cuando la conexión del usuario es lenta. Por lo tanto, reduzca el tamaño de las imágenes antes de subirlas al sitio web. Muchos formatos de imagen contienen metadatos que pueden aumentar significativamente el tamaño de las imágenes. Los diseñadores muchas veces no pueden comprimir las imágenes antes de cargarlas en el sitio web. En ciertas páginas de uso intensivo de imágenes, por ejemplo, cartera, esto puede resultar en tiempos de velocidad de página excesivamente lentos. Otro error secundario del diseñador es cargar imágenes de gran tamaño para pancartas o logotipos. Las imágenes extraídas de las cámaras digitales se cargan directamente. Esto puede afectar seriamente las credenciales de velocidad de su página web. Existen numerosas aplicaciones gratuitas que incluyen optimizador de imagen y Picnic que lo ayudan a comprimir la imagen antes de cargarla.

WordPress reduce el tamaño de la imagen de forma predeterminada y los redimensiona en consecuencia, pero a veces eso podría no brindarle los mejores resultados, por lo que siempre es mejor cargar imágenes optimizadas de alta resolución.

Minificar CSS, HTML y Javascript

Asegúrese de eliminar todo el espacio en blanco del código antes de servir a los visitantes. El espacio y las pestañas se ingresan en el código para garantizar que los humanos lo lean fácilmente. Los navegadores y servidores no tienen que considerar la legibilidad del código. Solo tienen que ejecutarlo. Mientras esté libre de errores, no les importa cómo se ve.

Para tiempos de carga de página más rápidos, simplemente debe eliminar este espacio en blanco antes de implementar el código. W3 Total Cache y WP-Minify son los mejores complementos de WordPress para que esto suceda.

Red de entrega de contenidos

¿Quiere reducir los tiempos de carga en su servidor? Una red de entrega de contenido es la alternativa perfecta. Una red de entrega de contenido replica los activos estáticos de sus páginas y los entrega a los visitantes desde su POP más cercano.

Componentes Gzip

Muchos archivos pueden reducirse de tamaño comprimiéndolos a nivel del servidor mucho antes de que se carguen en los navegadores.

Poner hojas de estilo en la parte superior

El de su documento debe contener todas las referencias de hoja de estilo. El contenido sin estilo no se debe mostrar a los visitantes a cualquier costo. Los archivos que determinan la apariencia de nuestro sitio web deben cargarse primero.

Complementos

Hay muchos complementos de WordPress que lo ayudarán a aumentar la velocidad de su sitio WP. Los populares incluyen P3 Profiler, WP Smush.it, W3 Total Cache, Digg y más. Además de los pagos, hay un arsenal de complementos que prometen un alto rendimiento sin costar un brazo y una pierna.

Todos en esta publicación hicieron un gran trabajo al señalar que aumentan la carga de su sitio.

Agregaré más a su lista entonces, pero diferente:

  1. Menos plugin – ¡Sí! Lo sé, el complemento ayuda en muchas cosas, como implementar código para la personalización del sitio web completo.

    Pero sabe que instalar una gran cantidad de complementos es realmente malo para la carga del sitio web. Intente reducir lo menos posible.

  2. Optimice sus imágenes : asegúrese de comprimir la imagen siempre que sea posible.

    Puede usar el complemento o el sitio web o las habilidades de Photoshop para reducir el tamaño de su imagen. Puede usar complementos para optimizar su imagen como WPSmush, TinyPNG o visitar su sitio web para optimizar sus imágenes y agregarlas manualmente a su biblioteca de medios.

    Cambia siempre el tamaño de tus imágenes .

  3. Uno es mejor que muchos : instalar un complemento o tema premium es mucho mejor que instalar muchos.

    si su único tema premium y complementos ofrecen todo lo que ofrece 5 o 6 complementos, ¿por qué no invertir poco más para mejorar el rendimiento?

  4. Use la función predeterminada tanto como sea posible : si está creando una navegación personalizada, asegúrese de usar la función predeterminada tanto como sea posible.

    Aprenda a crear encabezados y pies de página personalizados en diferentes métodos

  5. Elija un mejor proveedor de alojamiento
  6. Use el certificado SSL : si su proveedor de alojamiento proporciona un certificado SSL gratuito que aproveche, si no, puede usar Cloudflare

    Advertencia: haga una copia de seguridad de todo antes de implementar SSL, si elige la ruta Cloudflare.

  7. Eliminar el complemento anterior : si tiene complementos no utilizados colgando, elimínelo.
  8. Tema ligero : elija el tema más ligero, esto aumentará la carga de su sitio, uso Astra , es uno de los temas más ligeros que he usado.

    Puede obtener más información en detalle, puede consultar el tiempo de carga del sitio.

  9. Menos red de anuncios : si su sitio utiliza muchas redes de anuncios, mejor reduzca o elija un mejor proveedor de alojamiento.
  10. Eliminar enlace incorrecto
  11. Eliminar caché todos los días
  12. Utilice solo 2 fuentes, probablemente fuentes del sistema.
  13. Use menos html, en lugar de comprimir sus imágenes lo más bajo posible y vincularlas y muchas más.

Un sitio como Google Insights, Pingdom, GTmetrix proporciona mucha información para aumentar su sitio. Pruebe su sitio allí y modifique lo más posible.

Aquí está mi publicación anterior sobre el tema de WordPress:

  1. ¿Qué tema de WordPress estás usando?
  2. ¿Cuáles son los complementos de WordPress que reducen el trabajo de los diseñadores web?
  3. ¿Cuál es el mejor generador de contenido para WordPress?
  4. ¿Qué complemento de WordPress de arrastrar y soltar es el mejor?

Y muchos más allí, puedes ver

Aclamaciones
– Thangjam Kishorchand

Mira mi calificación de desempeño dada por Pingdom

No te olvides de visitar mi sitio web, si quieres aprender sobre marketing de afiliación y otras cosas 🙂

¡9 maneras de crear un producto de información RÁPIDO!

Todos tenemos una necesidad de velocidad. Principalmente porque Google ama los sitios rápidos. La velocidad juega un papel importante en el factor de clasificación de su sitio web.

Los complementos de optimización de velocidad son una excelente manera de acelerar su sitio de WordPress. Hay una variedad a considerar:

Complementos de almacenamiento en caché: sirven una versión estática de su sitio web a los visitantes, lo que lo hace más rápido que cargar la versión dinámica cada vez.

Complementos de carga diferida: las imágenes sobre el pliegue, que los visitantes ven de inmediato, tienen prioridad, mientras que las que están más abajo en la página solo se cargan cuando el visitante se desplaza hacia abajo.

Complementos de red de entrega de contenido: la distancia física entre usted y un servidor web afecta la rapidez con que se carga un sitio. Cuanto más lejos estés, más tiempo te llevará. Los complementos de CDN niegan este problema al almacenar un sitio web en servidores de todo el mundo. El usuario puede simplemente conectarse al servidor más cercano a ellos.

Complemento de compresión de imagen: las imágenes tardan más en cargarse que el texto debido al tamaño del archivo. Este práctico complemento recorta parte del tamaño del archivo de las imágenes sin perder calidad.

Complementos de optimización de base de datos: WordPress almacena desorden innecesario en su base de datos de forma predeterminada. Limpiarlo puede aumentar significativamente la velocidad.

Optimización de velocidad: los complementos de WordPress que necesita

Puede aumentar la velocidad de la página de WordPress utilizando los métodos simples que se enumeran a continuación.

En uno de mis sitios web, comencé desde 58 puntos en Google PageSpeed ​​Insights . Después de hacer algunas mejoras, ahora el resultado es aproximadamente 97. ¿Es el alojamiento más rápido para usted? En caso afirmativo, debe saber que este es un alojamiento compartido barato en Europa Central.

¿Cuál fue la clave para obtener este resultado de velocidad?

  1. Mejoras de seguridad
    Éste es el paso más importante. Cuando asegura su sitio web contra bots y malware, no ralentizará su sitio. Escribí más sobre reglas básicas de seguridad para su WordPress en esta publicación en el blog de Quora: Cómo asegurar un sitio web basado en WordPress CMS. Guía de seguridad básica de Dominik Kawula en Perfect Dashboard
  2. Control de seguridad
    Las mejoras no son suficientes. Estoy monitoreando mis sitios las 24 horas del día, los 7 días de la semana, asegurándome de que todavía esté seguro. Compruebo la integridad de cada copia de seguridad, escaneo todos los archivos contra malware todos los días y busco cambios personalizados en los archivos principales de WordPress. Gran herramienta para eso es Perfect Dashboard . Hace que todo esté en segundo plano, por lo que por la mañana solo verifico los informes.
  3. Actualizaciones y Actualizaciones
    Mis sitios web siempre están actualizados. No necesito preocuparme por las vulnerabilidades de 0 días, lo que podría ralentizar mi sitio o incluso reducirlo. Pero a veces las actualizaciones pueden dañar el sitio web (alguna incompatibilidad o algo). Pero puede evitarlo utilizando pruebas automatizadas antes y después de la actualización. También lo uso Perfect Dashboard y puedo recomendarlo para eso. La comparación visual funciona realmente bien. Me permitió ahorrar mucho tiempo para las pruebas.
  4. Guiones
    El almacenamiento en caché de scripts externos y servirlos desde su sitio es necesario hoy en día. Lo hago manualmente (es mejor para scripts no estándar)
  5. Almacenamiento en caché
    Para obtener el sitio web de alta velocidad, debe minimizar la respuesta del servidor. Uso CDN de CloudFlare , que sirve mi contenido desde el usuario del servidor más cercano. Además, uso reglas avanzadas para optimizar el almacenamiento en caché de mi sitio web y asegurar algunos puntos críticos de WordPress.

Si sigue este consejo, le garantizo que su resultado de Google PageSpeed ​​Insights aumentará.


Espero haber ayudado!

Publicado originalmente en FourWeekMba.com

Con el asombroso crecimiento del contenido en la web, la demanda parece estar creciendo a un ritmo más lento en comparación con la oferta. En otras palabras, hay tanto contenido por ahí que se hace imposible consumirlo todo. Por lo tanto, cuando encuentre lo que estaba buscando, finalmente haga clic en él, ¡pero el sitio es tan lento que finalmente se da por vencido! Eso es aún peor para los usuarios móviles. Por ejemplo, en promedio, si su sitio web tarda más de tres segundos en cargarse, ¡podría perder hasta el 40% de sus usuarios! Eso puede hacer o deshacer su negocio. Por lo tanto, no sorprende que la velocidad del sitio sea uno de los factores más importantes para optimizar su blog.

La buena noticia es que ahora puede mejorar la velocidad de su sitio hasta en un 30/40% en pocos minutos y sin costos. Continúa y comprueba tu rendimiento de velocidad, como lo hice yo.

Fui a revisar mi PageSpeed ​​con Google Developers Tools, y eso es lo que obtuve,

Ex actuación de The Four-Week MBA

Como puede ver, mi sitio no pasó la prueba; Aunque no es tan malo desde el escritorio, fue malo en el móvil. No puedo imaginar cuánto tráfico perdí debido a eso. ¿Cómo podría resolver eso? Google le ofrece algunas sugerencias para que su sitio web sea más ligero y, por lo tanto, más rápido. Sin embargo, no quería pasar mucho tiempo en eso. En resumen, estaba buscando una forma rápida y eficiente de mejorar la velocidad de mi sitio web directamente. Pensé que el factor más importante que afecta la velocidad del sitio web es su carpeta de Medios. ¡Está bien! ¿Cuántas veces subiste inconscientemente imágenes muy grandes? Bueno, ahora esas imágenes están cargando la velocidad de su sitio. Es hora de comprimirlos.

Sin embargo, no hay problema, ¡tengo la solución!

Así que pensé que podría resolver este problema muy rápidamente a través de un complemento de WordPress. Eso se llama WP Smush. Subí directamente desde mi sitio web de WP, lo instalé y lo activé,

Luego, en la carpeta Media, hice clic en las imágenes de verificación y comencé a comprimirlas

Después de unos minutos, la compresión se completó y acababa de guardar casi ciento sesenta megabytes en imágenes. ¡Eso es impresionante!

Revisé la velocidad de mi sitio nuevamente. Estaba impresionado Mi velocidad de escritorio fue de 83 a 88. Ok, no está mal. ¿Qué pasa con la velocidad móvil?

Como puede ver solo con este ajuste, ¡mi velocidad móvil aumentó en más del 30%, de 60 a 80!

Así es como mi sitio web pasó de Sloth a Swift en un abrir y cerrar de ojos.

Hay muchos factores que pueden ralentizar un sitio de WordPress.

WordPress es un software que depende en gran medida de la base de datos. Cuando su sitio comience a recibir un volumen de tráfico decente, inevitablemente comenzará a usar más recursos y verá una disminución del rendimiento.

Las causas del bajo rendimiento pueden ser muchas.

Los más comunes son:

  1. Su plan de alojamiento web ya no puede manejar el tráfico, o su sitio está alojado en un servidor lento superpoblado
  2. El uso de un tema de WordPress no optimizado que genera muchas consultas de base de datos para cada carga de página
  3. Está utilizando demasiados complementos (o uno que no está bien codificado y genera demasiadas solicitudes de base de datos)
  4. Su sitio tiene demasiadas imágenes o carga demasiados archivos CSS o JavaScript.

Posibles soluciones para acelerar su sitio:

  • Cambie su plan / proveedor de alojamiento web.

Si determina que su sitio es lento debido a su plan de alojamiento web, no tiene más opciones que actualizar a un plan superior o cambiar su proveedor de alojamiento web.

  • Instale y configure un complemento de almacenamiento en caché (uso W3 Total Cache y funciona extremadamente bien)

Un complemento de almacenamiento en caché reducirá sus solicitudes de base de datos, solicitudes http, algunos complementos de almacenamiento en caché pueden combinar y minimizar los archivos CSS y JavaScript, pueden aprovechar los cachés del navegador web, y así sucesivamente.

  • Implementar una red de entrega de contenido.

Una red de entrega de contenido (CDN) entregará sus archivos estáticos desde el servidor web más cercano a la ubicación del visitante.

Un CDN puede acelerar la entrega de sus imágenes, CSS, archivos JavaScript, fuentes, HTML, y si usa un CDN combinado con un complemento de almacenamiento en caché, la red de distribución de contenido también entregará sus datos en caché, y el rendimiento de su sitio puede mejorar drásticamente .

  • Además, intente reducir el número de sus complementos activos tanto como sea posible.

Estas son solo algunas de las formas más comunes de acelerar un sitio de WordPress. También hay algunas otras optimizaciones, que he cubierto en esta guía sobre cómo acelerar WordPress sin ser un programador.

Hay varios puntos o las razones que pueden ser responsables de la velocidad lenta de carga de la página.

Uno debe comenzar con las cosas que realmente pueden funcionar y tendrán un impacto notable;

  1. Uso de la red de entrega de contenido (CDN) :

Como la mejor manera de acelerar su sitio web, puede ahorrar hasta un 60% del ancho de banda y tener muchas solicitudes que haga su sitio web. Aloja los archivos en una gran red de servidores en todo el mundo. Debido al excelente ancho de banda extendido a varios servidores, existe una baja posibilidad de una gran carga en los servidores, así como el ataque de ataques DDoS y picos de tráfico.

2- Ve con la empresa de hosting más rápida:

Es muy importante tener una empresa de alojamiento más rápida para que pueda llegar a sus usuarios a la velocidad de la luz.

3- Uso de un complemento de almacenamiento en caché:

Cuando trabaje con WordPress, se recomienda instalar algunos complementos de almacenamiento en caché excelentes, como WP Total Cache o WP Super Cache, que se pueden descargar de forma totalmente gratuita y también las formas rápidas y fáciles de reducir la velocidad de carga de la página.

4- Agregar encabezados caducados para aprovechar el almacenamiento en caché del navegador:

Y, si no está trabajando con WordPress, o no tiene ningún otro complemento con el fin de agregar encabezados de caducidad y almacenamiento en caché del navegador, debe hacerlo manualmente. Simplemente vaya a la página relacionada y siga las pautas que se dan allí.

Hay dos formas en que los encabezados de caducidad aceleran la velocidad de carga de un sitio web. Primero, los usuarios no necesitan descargar el mismo archivo del servidor web dos veces y segundo, hay una cantidad reducida de solicitudes HTTP; Como resultado, la velocidad de carga de la página mejora automáticamente.

5- Ve con un buen tema:

Es un paso preventivo o estratégico antes de que surja el problema. Cuando haya elegido un buen host y una buena CDN, ahora es el momento de elegir un buen diseño o tema para su sitio web.

6- Limpia la base de datos:

Con la rutina de trabajo con WordPress, su sistema a menudo experimenta una base de datos muy desordenada debido a borradores guardados, revisiones posteriores, plugin desactivado y muchas otras cosas. Debe usar algunos complementos de limpieza (como WP-Optimize) para eliminar todas las cosas no deseadas para deshacerse de este material abarrotado.

Aquí está el enlace para comprender el proceso completo paso a paso:

¿Cómo mejorar la velocidad de carga de tu página?

Acelerar un sitio web de WordPress es un proceso de dos partes.

El primero implica diferentes tipos de optimizaciones que puede aplicar a su sitio de WordPress.

  • Reducción de solicitudes mediante la gestión de recursos necesarios para su sitio web. En la mayoría de los casos, la concatenación y minificación de JS y CSS ayudarán enormemente a hacer eso. Para una ejecución más superior de esta parte, los complementos se pueden convertir en funciones utilizando los mismos recursos / bibliotecas, por ejemplo.
  • Optimizando el tamaño de su archivo multimedia. Pueden ser imágenes o videos. Para las imágenes, hay un complemento impresionante llamado Imagify. Tienen 250Mb gratis para el primer uso del servicio y una tarifa muy justa. Las imágenes están excelentemente optimizadas.
  • Utilice correctamente un buen complemento de almacenamiento en caché. Si bien hay muchos complementos de almacenamiento en caché, yo personalmente me quedo con WP Rocket. Tiene un tablero más directo y mucho menos confuso. Con unos pocos clics, su sitio obtendrá un aumento considerable de la velocidad, en comparación con otros en los que necesita cambiar y probar muchas opciones. El complemento cuesta un poco, aunque ~ $ 39 por sitio web / año.
  • Use un CDN para ayudar a entregar sus archivos multimedia de manera más rápida y eficiente.

La segunda parte no se puede realizar desde WordPress. Probablemente haya adivinado de qué se trata 🙂 Su servicio de alojamiento web.

Se sabe que el alojamiento compartido es lento. Especialmente el tipo de $ 3 / $ 4 / $ 5 por mes.

En comparación con VPS, por ejemplo, usted tiene control sobre su entorno y puede configurar algunos componentes de aumento de velocidad, como usar Nginx, MariaDB, PHP7, Varnish, para el uso más avanzado, algo como Redis y montar el caché en la RAM.

Todas las tecnologías / componentes del servidor anteriores se pueden optimizar completamente para WordPress.

5 formas rápidas de aumentar la velocidad de la página en WordPress

Use un gran complemento de almacenamiento en caché

Si tiene imágenes estáticas, CSS y Javascript en su sitio web que rara vez cambian; el almacenamiento en caché del lado del navegador puede ayudar a que su sitio sea más ágil.

El almacenamiento en caché implica almacenar partes de su sitio, por lo que solo deben cargarse una vez en lugar de cada vez que un usuario visita su sitio. El almacenamiento en caché es especialmente útil para los visitantes que regresan, así como para otras personas que visitan varias páginas de su sitio.

W3 Total Cache es un complemento de almacenamiento en caché popular para WordPress utilizado por sitios como Mashable (su CTO creó W3TC), Smashing Magazine, Web Designer Depot y WPBeginner. El complemento promete una mejora de 10 veces en el rendimiento general del sitio cuando está completamente (y correctamente) configurado.

WP Super Cache es una alternativa más fácil de usar y no necesita ser un experto en servidores para configurarlo.

Comprimir imágenes

Las imágenes suelen ser los archivos más grandes en un sitio, por lo que si no están comprimidas, pueden tardar años en cargarse.

Afortunadamente, existen algunas herramientas excelentes para ayudarlo a comprimir sus archivos.

WP smush-it, ahora administrado y respaldado por WPMU DEV, elimina automáticamente los metadatos de los archivos JPEG y elimina los colores no utilizados de las imágenes indexadas.

Tiny PNG es otra gran herramienta, que también permite tiras de colores no utilizados para compresiones con pérdida.

Si usa muchas imágenes en su sitio, es posible que desee implementar una carga diferida. El complemento Lazy Load le permite cargar solo imágenes por encima del pliegue cuando un nuevo visitante llega a su sitio. Las imágenes se cargan una vez que un usuario comienza a desplazarse hacia abajo en la página. Esta técnica no solo acelera los tiempos de carga de la página, sino que también ahorra ancho de banda para los usuarios que no se desplazan hasta el final de sus páginas.

Minificar HTML, CSS y Javascript

En otras palabras, elimine todo el espacio en blanco del código cuando sea posible.

Si bien los espacios y las pestañas hacen que el código sea más legible para los humanos, a los servidores y navegadores no les importa si son válidos y se ejecutan sin errores.

En lugar de examinar manualmente su código con un peine de dientes finos, los complementos como WP Minify y W3 Total Cache pueden manejar esto en tiempo de ejecución.

Reducir las solicitudes HTTP

Cada vez que alguien visita una página en su sitio, los archivos correspondientes deben enviarse al navegador de esa persona, incluidas las imágenes, los archivos CSS y las referencias de la biblioteca Javascript. Entonces, si tiene un archivo HTML, dos archivos CSS, cinco archivos Javascript y ocho imágenes, eso es un total de 16 archivos que deben cargarse.

Al reducir la cantidad de objetos en las páginas de su sitio, puede minimizar la cantidad de solicitudes HTTP que se requieren para representar una página, acelerando los tiempos de carga.

Una forma de hacerlo es simplificando el diseño de su sitio y combinando archivos como scripts y CSS. La sección de minificar en W3 Total Cache le permite agregar sus archivos CSS y Javascript para que pueda combinarlos fácilmente en un solo archivo.

Optimizar tablas de bases de datos

Optimizar las tablas de la base de datos es como desfragmentar su computadora o cambiar el aceite de su automóvil: ayudará a liberar espacio y a mantener su base de datos funcionando sin problemas.

Puede optimizar las tablas de su base de datos manualmente usando phpMyAdmin o con un complemento.

WP-DBManager le permite optimizar, reparar, respaldar y restaurar su base de datos.

También hay WP-Optimize, otra herramienta de limpieza y optimización de bases de datos. Este complemento también le permite eliminar revisiones de publicaciones, comentarios en la cola de spam, comentarios no aprobados y elementos en la papelera.

Conclusión

Este es un resumen rápido de medidas simples que puede implementar para acelerar sus páginas.

La optimización de su sitio puede marcar una gran diferencia en la velocidad del sitio, alentándolos a quedarse y participar con su contenido.

Para más detalles visite nuestro sitio: Yarddiant

1. Elegir el mejor anfitrión

Lo primero y principal en la optimización web es tener un buen servidor web. El alojamiento es la base de todo su sitio web / blog, por lo que debe ser bueno. Un buen alojamiento debe tener el mejor tiempo de respuesta, ancho de banda ilimitado, garantía de tiempo de actividad y tener un soporte de primer nivel.

Sin embargo, si planea comenzar una actividad popular / grande, elija servidores dedicados en lugar de alojamiento compartido, porque el alojamiento compartido no solo mata el tiempo de respuesta del servidor sino también muchas otras cosas.

Prefiero Bluehost para el alojamiento, sin embargo, si elige cualquier otro alojamiento, debe verificar el tiempo de respuesta del servidor en Bitcatcha. Google recomienda que el tiempo de respuesta del servidor sea inferior a 200 ms.

2. Use un tema / marco ligero de WordPress

Elija un tema rápido de WordPress, que no solo sea liviano sino que también tenga una excelente experiencia de usuario. Intente usar los temas que tienen opciones que necesita, ya que toneladas de características que no va a usar son una carga para su web, así que elija el tema sabiamente.

Antes de seleccionar un tema debe verificar que tenga buenas críticas, SEO optimizado, rápido y receptivo, etc.

Sin embargo, el tema de velocidad optimizada y ligeramente ponderado en WordPress es de diecisiete años, porque el código está escrito sabiamente y tiene características limitadas. Todos los demás temas que utilizamos están en MB pero son KB.

Puede comprar temas y complementos de Theme Forest porque millones de personas confían en él.

3. Optimizando imágenes

Existen muchas herramientas de compresión de imágenes que comprimen las imágenes sin perder calidad. He probado muchos optimizadores de imagen, pero el mejor es la compresión inteligente PNG y JPEG, incluso mejor que WP Smush de WPMU Dev.

Pero hacerlo manualmente lleva mucho tiempo y puede ser una molestia, pero si está utilizando WordPress, entonces tiene la opción de no hacerlo manualmente. Mediante el uso del complemento de compresión inteligente PNG y JPEG en lugar de WP Smush.

Sin embargo, WP Smush tiene un gran nombre en el mercado, pero el hecho sorprendente es que comprimo una imagen que es de 749 KB , el complemento WP Smush lo comprimió a 643 KB , pero la misma imagen comprimida por el complemento de compresión Smart PNG y JPEG es de 372 KB, que marca la gran diferencia, que es uno de los principales factores para acelerar el sitio web de WordPress.

4. Optimiza tus bases de datos

La optimización de las bases de datos puede ser una molestia para usted manualmente, pero es importante. Por lo tanto, puede usar el complemento WP-Optimize, a través del cual puede optimizar fácilmente sus bases de datos para mejorar la velocidad de un sitio web.

Puede optimizar estos con solo un clic, yo uso para optimizar las bases de datos cada dos días.

5. Optimización de archivos HTML, CSS y JavaScript

En las optimizaciones, una de las optimizaciones importantes es el código que incluye HTML, CSS y JS. Google también da prioridad a estos en la información de la página.

Las recomendaciones son usar menos archivos CSS y JS externos. Ponga JS en la parte inferior y muchas otras cosas.

Pero puede hacerlo fácilmente, solo instale el complemento Autoptimize que hará todas estas cosas por usted, que incluye ministrar scripts de caché y CSS, HTML también inyecta CSS en la sección de encabezado y difiere los scripts al pie de página.

La configuración recomendada para Autoptimize Plugin se puede ver en el sitio web.

Acelera WordPress (Más)

Mejor, invierte en un buen hosting:

Al comenzar, un host compartido puede parecer una ganga (“Ancho de banda ilimitado, bla, bla”). Tiene otro costo: velocidad increíblemente lenta del sitio y tiempo de inactividad frecuente durante períodos de alto tráfico.

El estrés de la caída de su sitio después de obtener una gran característica es suficiente para crear algunas canas tempranas: no sea una víctima, invierta en un alojamiento adecuado.

Pocos hosts de WordPress que recomiendo continuamente son …

  • Inmotion Hosting
  • Terreno del sitio
  • FastComent
  • Ipage Hosting

Mis sitios siempre son increíblemente rápidos, nunca tienen tiempo de inactividad y el back-end es muy fácil de usar. Por último, pero no menos importante, los proveedores de alojamiento anteriores ofrecen un soporte de primer nivel, que es imprescindible cuando se trata de alojamiento. Tómelo de alguien que lo haya aprendido por las malas.

Use un complemento de almacenamiento en caché efectivo

Los complementos de WordPress son obviamente bastante útiles, pero algunos de los mejores entran en la categoría de almacenamiento en caché, ya que mejoran drásticamente el tiempo de carga de la página. Con mucho, mi favorito es W3 Total Cache y WP Super cache, simplemente instale y active, y su página se carga más rápido a medida que los elementos se almacenan en caché.

Optimice su página de inicio para cargar rápidamente

Esto no es una cosa, sino realmente algunas cosas fáciles que puede hacer para asegurarse de que su página de inicio se cargue rápidamente, lo que probablemente es la parte más importante de su sitio porque la gente aterrizará allí con mayor frecuencia.

  • Mostrar extractos en lugar de publicaciones completas
  • Reduce la cantidad de publicaciones en la página
  • Eliminar widgets innecesarios para compartir de la página de inicio
  • Eliminar complementos y widgets inactivos que no necesita
  • Mantener en mínimo!
  • En general, un diseño de página de inicio limpio y enfocado ayudará a que su página no solo se vea bien, sino que también se cargue más rápido.

More Interesting

¿Cuál es el sitio web de citas más exitoso?

¿Qué piensan las personas de los sistemas de inicio de sesión basados ​​en correo electrónico (es decir, el usuario hace clic en un enlace de inicio de sesión en un correo electrónico para iniciar sesión)?

Cómo encontrar un instituto de capacitación en busca de un nuevo sitio web, así como en busca de un cambio de personalización

¿Cuál es la página web sin cambios más antigua? ¿Es posible encontrarlo? ¿Se eliminan las páginas web antiguas?

Cómo ver cuál de mis sitios usa un código de seguimiento de Google Analytics

¿Cuáles son algunos ejemplos de excelentes páginas de registro Beta?

¿Por qué el gobierno chino bloquea sitios web de conocimiento como Quora?

Visité un sitio web y, unos días después, recibí un correo electrónico de la compañía preguntándome si tenía alguna pregunta. ¿Qué servicio de seguimiento ofrece esto?

¿Cuál es la forma más fácil de cargar el sitio web muy rápido?

¿Cuál es el impacto de los sitios web personalizados y el desarrollo de aplicaciones móviles en la reputación en línea de cualquier empresa?

Cómo hacer un sitio web

En términos de hardware, ¿qué se requiere para lanzar un sitio web?

Cómo obtener contenido gratuito para mi sitio web sin copiar y pegar

¿Tenemos que saber sobre la codificación de back-end si estoy dispuesto a alojar mi sitio web en sitios web de alojamiento?

¿En qué se diferencia Zailet.com de ScoopWhoop, BeingIndian, Storypick, etc.? ¿Cuál es su posibilidad de éxito?