estadisticas web Saltar al contenido

Cómo mejorar la velocidad de tu sitio de WordPress

El usuario de internet es una bestia voluble; pídales que esperen solo una fracción de segundo y luego vuelven a Google para ver lo que sus competidores tienen para ofrecer.

Una gran cantidad de sitios web, incluido el suyo probablemente, se ejecutan en WordPress: después de todo, administra aproximadamente el 25% de la web. WordPress es una gran plataforma fácil de usar, pero una cosa es que no es rápida, al menos no sin un poco de trabajo de tu parte.

¿Por qué es importante la velocidad del sitio?

Los sitios rápidos no solo impiden que los usuarios volubles se vayan temprano, sino que también tienen otros beneficios. Google, por su parte, utiliza la velocidad del sitio como uno de sus factores de clasificación de resultados de motores de búsqueda. Esto significa que los sitios rápidos tienen una ligera ventaja sobre los sitios más lentos.

Los sitios rápidos también son mejores para los usuarios móviles, especialmente aquellos que no tienen la suerte de tener una conexión de datos decente. Google también participa en esta acción con su proyecto AMP para ayudar a acelerar los tiempos de carga del sitio móvil.

Finalmente, es una experiencia de usuario encantadora poder acceder a un sitio inicialmente y a páginas internas, ¡a velocidades increíblemente rápidas!

Cómo verificar la velocidad de tu sitio

El método obvio es cargar su sitio en un navegador y ver si es rápido o no, ¡pero eso no es muy científico!

Afortunadamente, hay varios sitios de prueba de velocidad del sitio que pueden proporcionar métricas más precisas, así como algunos consejos sobre lo que podría estar ralentizando la velocidad de su sitio.

Prueba de velocidad ITT

¡Oh, parece que tenemos trabajo por hacer!

Una palabra de advertencia, como con la mayoría de las métricas, es fácil concentrarse en ellas a ciegas. Sin embargo, no todo es siempre controlable (JavaScript externo, por ejemplo), por lo que los puntajes solo deben usarse como una guía para encontrar lo que está bajo su control que puede mejorar.

Un puntaje perfecto es raro, especialmente para un sitio impulsado por un CMS, siempre es un equilibrio entre funcionalidad y velocidad.

Dicho esto, hay muchas cosas que puedes hacer para acelerar tu sitio.

Use un host decente

He construido muchos sitios en mi tiempo y he tenido el privilegio de crear sitios para numerosos clientes en una amplia gama de plataformas de alojamiento.

Una cosa que es obvia es que el host y el paquete de hosting que elija pueden marcar una gran diferencia.

He creado dos sitios prácticamente idénticos (desde un punto de vista estructural) en dos hosts diferentes, uno que funcionaba increíblemente lento, tanto en el administrador como en el front end, y el otro funcionaba como un rayo.

En lugar de reinventar la rueda, consulte el Código en la revisión de WP de los hosts más rápidos para WordPress.

Además de un host generalmente decente, el paquete que compras también afecta la velocidad.

  • El alojamiento compartido (entre los más baratos que puede comprar) tiene cientos de sitios en el mismo servidor, todos con los mismos recursos.
  • VPS (Virtual Private Server) todavía comparte el servidor con otros sitios, pero muchísimo menos.
  • Los servidores dedicados son la opción más costosa, pero los únicos sitios en el servidor son los suyos.

La regla general es que cuanto más costoso sea el paquete de alojamiento, más recursos tendrá para administrar su sitio, más rápido puede ser.

Utiliza un tema optimizado

Cada carga de página involucra tu tema; Es, después de todo, la estructura frontal de su sitio.

Un tema lleno de características que la mitad o más de las cuales nunca usará, agrega mucha hinchazón y complejidad a un tema y, si el desarrollador lo ejecuta mal, puede contribuir a ralentizar su sitio.

Incluso si un tema es ligero, si está mal codificado puede afectar negativamente la velocidad del sitio.

Los temas predeterminados (Twentyseventeen, Twentysixteen, etc.) son realmente rápidos, ya que tienen muy pocas características.

Hay varios blogs que han realizado algunas pruebas sobre diferentes temas populares para resaltar su velocidad.

Hacer dinero en línea nunca ha sido tan fácil …Y este video gratuito le mostrará exactamente todo lo que necesita hacer para comenzar. Haz clic aquí para verlo ahora.

Obviamente, su kilometraje puede variar, ya que probablemente se probaron en instalaciones básicas de WordPress, pero vale la pena revisarlas.

Si su tema no está en la lista, una opción sería crear un sitio básico de WordPress, digamos en un subdominio e instalar los datos ficticios y su tema. Ejecútelo a través de un sitio de prueba de velocidad de página. Luego cambie los temas a un tema predeterminado como Twentyseventeen y vuelva a hacer la prueba.

Esa no es una prueba científica, pero le dará una idea de cómo su tema se compara con un tema básico pero bien elaborado.

Complemento de almacenamiento en caché

Nota: una gran cantidad de hosting administrado de WordPress ha incorporado caché, por lo que no se necesita un complemento. Consulte a su anfitrión para verificar esto.

WordPress utiliza PHP para ejecutar su sitio y, si bien esto proporciona a los desarrolladores la capacidad de proporcionarle características encantadoras como sistemas de comercio electrónico y similares, PHP no puede superar la velocidad de un sitio HTML puro.

Ahí es donde entran los complementos de almacenamiento en caché.

Si bien tienen varias otras características, la idea básica es que conviertan sus páginas PHP en una versión HTML más liviana y se las sirvan a un visitante. Esto reduce la cantidad de trabajo que el servidor tiene que hacer dramáticamente,

Minificación

De manera predeterminada, JavaScript y CSS son archivos de formato humano y legibles. Eso es genial para los desarrolladores, pero no tiene sentido para los navegadores.

Eliminar todos los comentarios y espacios en blanco en un archivo puede reducir el tamaño de los archivos en más del 50% fácilmente.

Como ejemplo, la biblioteca jQuery 3.1.1 tiene 261kb en forma legible para humanos y ¡solo 84.7kb minificados!

¡Esos ahorros importan cuando tiene una variedad de JS y CSS en su sitio, lo que hace la mayoría de los sitios de WordPress!

No todos los complementos de almacenamiento en caché ofrecen esta opción, pero si el suyo no existe, existen complementos que pueden lograrlo.

Concatenar

Mientras que la minificación reduce los archivos, la concatenación (¡horrible palabra que sé!) Une los archivos. –

La idea es reducir lo que se llama solicitudes HTTP. Una gran cantidad de solicitudes HTTP ralentizan un sitio, por lo que si tiene 10 archivos CSS y JS, son 10 solicitudes HTTP.

La concatenación toma esos 10 archivos y los convierte en 1 solo archivo, por lo tanto, ¡solo una solicitud HTTP!

Los complementos de almacenamiento en caché a menudo tienen una opción de concatenación, pero si el suyo no lo tiene, este complemento puede ayudar.

Orden de carga

Los archivos JavaScript y CSS generalmente se cargan en uno de dos lugares: el encabezado en la parte superior del sitio y el pie de página en la parte inferior.

La ubicación ideal es que CSS va en el encabezado y JS en el pie de página. El razonamiento es que CSS se necesita antes para diseñar el sitio y JavaScript puede bloquear la carga de otras cosas (¡como el contenido más importante!) Antes de que se cargue, ya que cargarlas al final puede ayudar con el tiempo percibido de carga de la página.

¡El problema es que los temas y complementos no siempre siguen esa regla! El complemento Scripts to Footer puede ayudar a resolver esto por usted.

La forma MÁS SENCILLA de ganar dinero real en línea …Mire este video gratis ahora para ver cómo puede generar un ingreso parcial o de tiempo completo en línea. Haz clic aquí para verlo ahora.

CDN

El mundo es un lugar grande y, aunque Internet es rápido y cada vez más rápido, los datos tardan en llegar de un lugar a otro.

Las redes de entrega de contenido (CDN) lo ayudan efectivamente a engañar esto al duplicar su contenido en diferentes servidores de todo el mundo. Esto significa que en lugar de que alguien en Japón tenga que esperar los datos que llegan de un sitio europeo, obtiene los datos de uno de los servidores de CDN en Japón o Australia: ¡mucho más cerca!

Incluso en un nivel más local, si su servidor principal está en Nueva York y su visitante está en Los Ángeles, tener un CDN puede reducir la velocidad de carga del sitio, ya que la mayoría de las empresas de CDN tienen una red que abarca los Estados Unidos continentales.

Por lo general, una CDN no es rentable para sitios más pequeños, pero a medida que aumenta su tráfico y, con suerte, sus ganancias, una CDN puede llevar la velocidad de su sitio al siguiente nivel.

Pimp Your .htaccess

El archivo .htaccess se mantiene en su servidor en la carpeta raíz de su sitio web y es un pequeño archivo increíblemente útil.

Este archivo es básicamente un archivo de configuración para su servidor y si se usa correctamente puede hacer algunas cosas poderosas para ayudar a acelerar su sitio.

NOTA: si no está seguro de editar su .htaccess, solicite a un desarrollador que lo haga por usted. Incluso si es así, asegúrese de tener acceso FTP o cPanel a su sitio para que pueda eliminar el archivo .htaccess si comete un error que impide que el sitio funcione.

GZIP

¿Sabía que la mayoría de los navegadores aceptan archivos HTML, CSS y JS comprimidos? Esto significa que puede comprimir un archivo incluso más allá de la minificación, reduciendo la cantidad de datos que deben enviarse al navegador.

Para los navegadores que no aceptan archivos GZIP, el servidor enviará los normales.

Puede habilitar GZIP agregando el siguiente código a su .htaccess:

.Impreso,. font-otfAddOutputFilterByType aplicación DEFLATE / x-font-truetypeAddOutputFilterByType aplicación DEFLATE / x font–ttfAddOutputFilterByType aplicación DEFLATE / x-javascriptAddOutputFilterByType aplicación DEFLATE / XHTML + xmlAddOutputFilterByType DESINFLAR application / xmlAddOutputFilterByType fuente DEFLATE / font opentypeAddOutputFilterByType DEFLATE / font otfAddOutputFilterByType DEFLATE imagen / ttfAddOutputFilterByType DEFLATE / svg + xmlAddOutputFilterByType DEFLATE image / x-iconAddOutputFilterByType DEFLATE text / cssAddOutputFilterByType DEFLATE text / htmlAddOutputFilterByType DEFLATE text / javascriptAddOutputFilterByType DEFLATEByType DEFLATE tputFilterByType DEFLATE text / xml

# Eliminar errores del navegador (solo es necesario para navegadores muy antiguos) BrowserMatch ^ Mozilla / 4 gzip-only-text / htmlBrowserMatch ^ Mozilla / 4 .0 (678) no-gzipBrowserMatch bMSIE! No-gzip! Gzip-only-text / htmlHeader add Vary User-Agent

Código cortesía de GTMetrix

Si necesita más ayuda para configurar esto, Kinsta tiene una excelente guía visual que lo guía a través del proceso para habilitar la compresión gzip.

Almacenamiento en caché del navegador

Además de almacenar en caché los archivos en su servidor, los navegadores modernos le permiten almacenar imágenes en caché, etc. directamente en la computadora de los visitantes. Esto significa que los visitantes que repiten pueden obtener tiempos de carga súper rápidos ya que algunos de los archivos ya son locales para ellos.

Habilitar el almacenamiento en caché del navegador es tan fácil como agregar algún código a su .htaccess.

## EXPIRA CACHING ##

ExpiresActive OnExpiresByType image / jpg "acceso más 1 año" ExpiresByType image / jpeg "acceso más 1 año" ExpiresByType image / gif "acceso más 1 año" ExpiresByType image / png "acceso más 1 año" ExpiresByType text / css "acceso más 1 mes Acceso "ExpiresByType application / pdf" más 1 mes Acceso "ExpiresByType text / x-javascript" más 1 mes Acceso "ExpiresByType application / x-shockwave-flash" más 1 mes "ExpiresByType image / x-icon" acceso más 1 año "ExpiresDefault "acceso más 2 días"

## EXPIRA CACHING ##

Código cortesía de GTMetrix

Optimizar imágenes

¡Las imágenes son probablemente los archivos más grandes en su sitio, y posiblemente también los más numerosos! Una imagen no optimizada puede ser enorme y tardar una eternidad en descargarse, lo que hace que su sitio se detenga.

¡He visto personas que usan imágenes descargadas de un sitio de fotografía de archivo sin optimización, lo que significa que las imágenes son de varios megabytes cada una!

He escrito un artículo detallado sobre la optimización de imágenes, y debería tomarse el tiempo de leerlo e implementar la optimización en todas sus imágenes existentes y futuras.

Eliminar complementos innecesarios o de bajo rendimiento

Los complementos son un arma de doble filo: proporcionan una funcionalidad increíble, tal vez necesaria, a su sitio, pero también agregan mucho peso en términos de código adicional.

Eso está bien si el complemento es útil y se usa, pero a menudo es el caso de que un propietario de sitio inexperto instale un montón de complementos y nunca los use. Estos deben ser desactivados y eliminados.

Incluso los complementos desactivados pueden agregar "peso", ya que su configuración aún puede estar en la base de datos y la desinstalación del complemento debería eliminar esa configuración (consulte la sección Limpiar su base de datos a continuación para descubrir por qué ese no es siempre el caso).

Incluso los complementos útiles pueden reducir la velocidad de su sitio si están mal implementados. Puede echarle un vistazo a esto usted mismo utilizando el complemento P3 Profiler. Este complemento de GoDaddy proporciona métricas sobre los complementos que usa y puede ayudarlo a ver cuáles están ralentizando su sitio.

Es recomendable ejecutar 4 o más escaneos en diferentes momentos / días, ya que las influencias externas (recursos del servidor, lo que están haciendo los complementos en ese momento, etc.) pueden afectar las puntuaciones, por lo que un solo escaneo no lo ayudará a identificar cualquier complemento problemático .

Los complementos que son consistentemente lentos en múltiples escaneos se pueden revisar para ver si hay alternativas adecuadas, más rápidas disponibles.

Eliminar cualquier cosa sin sentido

¡Los corazones que caen en cascada por la pantalla en San Valentín y la nieve en Navidad son muy atmosféricos pero sin sentido! Los widgets y complementos como este solo contribuyen a ralentizar su sitio, y para algunos visitantes parece poco profesional.

Es recomendable eliminar del sitio cualquier complemento que no tenga valor para su empresa o visitantes.

Optimiza tu contenido

¡Su contenido hace que su sitio sea suyo! Define lo que haces y quién eres como persona o empresa.

También puede contribuir a la velocidad del sitio de varias maneras.

Usa extractos

Muchas páginas de inicio utilizan un estilo de "lista de blogs" para enumerar todas sus publicaciones. Los archivos de categoría también hacen esto de manera predeterminada.

Si sus publicaciones se muestran en su totalidad, en realidad puede ralentizar un sitio, ya que la página cargará varias publicaciones, incluidas todas las imágenes, videos y códigos respectivos.

En su lugar, use extractos. Los extractos son pequeñas descripciones de la publicación, ya sea los primeros cientos de caracteres o una descripción hecha a mano. Ninguno de los códigos de contenido, imágenes, etc. se cargan de esta manera.

La mayoría de los temas decentes tienen una configuración que puede controlar esto. Configuración de WordPress> Configuración de lectura también tiene una opción para cambiar la visualización de las publicaciones a un resumen.

Extracto de configuración en WordPress

Reduzca el recuento de publicaciones que se muestra

Por defecto, WordPress muestra 10 publicaciones por página. Esta opción se puede cambiar en la configuración de Lectura, y quizás en el tema. Al mostrar menos publicaciones por página, realiza menos consultas y carga menos datos. Esta es quizás una buena opción si prefiere cargar el contenido completo de la publicación en sus publicaciones.

Reduce la cantidad de shortcodes

Los códigos cortos son una manera fácil de agregar funcionalidad de complemento a una publicación, como un formulario de contacto.

Sin embargo, cada vez que se muestra un shortcode a un usuario, el shortcode se convierte en un código real que hace las cosas. Este código adicional agrega más peso a la carga de la página.

Normalmente, este no es un problema importante, pero si carga una publicación con muchos códigos cortos diferentes, entonces tendrá un problema de velocidad.

Comentarios paginados

Los comentarios son una excelente manera de interactuar con los visitantes de su sitio y normalmente no son un problema. Si su sitio es popular (¡felicidades!), Puede terminar con una gran cantidad de comentarios por publicación.

Cargar cientos de comentarios es una forma segura de ralentizar la carga de la página, por lo que tiene sentido cargar esos comentarios en diferentes "páginas" agregando paginación a los comentarios.

Afortunadamente, WordPress hace que esto sea muy fácil de hacer, ya que es una configuración, solo dirígete a Configuración> Discusión y mira la configuración de la opción Romper comentarios en páginas.

Configuración de paginación de comentarios de WordPress

Divide contenido largo en varias secciones

Me preguntaba si hacer esto con esta publicación ya que se está haciendo bastante larga.

¿Alguna vez has visto esos sitios que te hacen hacer clic en el botón "siguiente" o en el botón "1, 2, 3" para seguir leyendo el artículo? De eso se trata exactamente.

En lugar de un artículo largo, puede dividirlo fácilmente en la cantidad de secciones que desee.

Una vez más, WordPress hace esto súper fácil, solo agregue la etiqueta "nextpage" a donde quiera que sea el descanso. Puedes agregarlo tantas veces como quieras.

Cómo mejorar la velocidad de tu sitio de WordPress
4.8 (95.48%) 31 votes

Páginas:Página siguiente