in WordPressby Staff Pcfullmf

Cómo mejorar la velocidad de WordPress

¿Cómo mejorar la velocidad?

Esta guía sobre optimización de la velocidad de sitio web te ofrece 
información sobre los elementos clave que ralentizan tu sitio web.

Esta es una guía paso a paso con especificaciones sobre lo

Que se debe realizar (incluyendo lo esencial en

dos pasos: habilitar la compresión y el aprovechamiento de

almacenamiento en caché del navegador) con el fin de reducir en tu sitio web el

tiempo de carga.

¿Qué haces cuando vas de compras?

¿listo a pedido? Exactamente, usted elige el contador

tiene sólo unas pocas personas esperando en línea. ¿Por qué?

Porque no quiere esperar. A la gente no le gusta

esperar.

Según estudios el comprador online no espera más de

Cinco segundos.

Si tus clientes esperan demasiado tiempo para que cargue

Tu sitio web, elegirá tu competencia directa.

– Teniendo en cuenta que cargue menos de cinco segundos.

¿Puedes permitirte perder clientes porque tu

sitio se mueve como una tortuga? Estoy seguro de que no se puede. Pero

es muy probable que ya estás pagando por este error.

 

 

LA LISTA DE COMPROBACIÓN DE OPTIMIZACIÓN FINAL

79% de los visitantes decepcionados no volverán! Lo que es “¡Ay!” ¿estás de acuerdo? Por ello, es un buen momento para trabajar en la optimización de tu velocidad.

Es fundamental, además de tener un más alto rango en Google, también mantendrás tus beneficios en un alto grado evitando el rebote por temas de lentitud en la carga de tu sitio web.

 

Actualizar el tema y los plugins instalados;

*instalar y activar uno de los plugins disponibles para deshabilitar emojis;

Instalar y activar los siguientes plugins: WP Optimize Autoptimize y WP Super Cache;

Comprueba el indicador de rendimiento en GTmetrix.com;

*(Opcional)habilitar Keep alive. Editar el archivo .htaccess insertando un código específico

Habilitar la compresión Gzip – editar el .htaccess o Nginx archivos introduciendo el código correspondiente;

Aprovechar el almacenamiento en caché del navegador, editar el .htaccess o Nginx archivos introduciendo el código correspondiente;

Minify su código. Activar la configuración de la base de Autoptimize, ejecute el plugin y busqua errores;

Optimizar la base de datos. Activar WP-optimizar la configuración de base, ejecuteel plugin y busqua errores;

Habilitar la configuración de caché de avanzada. Acceder al WP Super caché configuración avanzada y marca la

casillas de verificación necesarias. Guardar los cambios;

Uso de CDN. Acceder a la configuración/CDN WP Super Cache y marca la casilla’Habilitar soporte de CDN’.

Optimizar tus imágenes. Revisa el informe de GTmetrix para ver qué URL de la imagen exacta que necesita para optimizar.

Uso TinyPng, comprimir las imágenes y cambiar los viejos con sus nuevos optimizados;

Revisa de nuevo el indicador de rendimiento de página web en GTmetrix.com;

Si es necesario, cambiar a un proveedor de hosting confiable;

 

IMPORTANTE

 

Debido a que estas

acciones tienen una influencia directa

en tu prueba de GTmetrix

, por favor considera

realizar ya sea una doble

verificación de tu sitio web.

EL indicador de rendimiento

después de cada paso o completar

la prueba de GTmetrix en un

tiempo promedio de un minuto por cuestiones de almacenamiento de caché.

 

ACTUALIZAR EL TEMA Y INSTALAR PLUGINS

 

Antes de proceder a probar el rendimiento de tu sitio web, siempre verifica y realiza este proceso de verificación-

Dashboard de WP actualizaciones debería tener este aspecto:

 

(opcional) INSTALAR Y ACTIVAR UNO DE LOS DISPONIBLES

PLUGINS PARA DESACTIVAR EMOJIS

 

Emojis puede ser una gran característica, pero muchas empresas simplemente no los necesitan.

Emojis carga un código JavaScript adicional en cada página que está desacelerando ligeramente tu sitio de Internet.

Considera instalar y activar uno de los siguientes plugins de WordPress

para deshabilitar emojis: desactivar Emojis, Disable Emojis, WP Disable Emoji, Emoji Settings, Disable WP Emoji.

INSTALAR Y ACTIVAR LOS SIGUIENTES PLUGINS:

WP OPTIMIZE, AUTOPTIMIZE, AND WP SUPER CACHE

Para realizar los pasos siguientes de la lista, tienes que instalar y activar estos plugins.

  1. WP Optimize – es una extensa

herramienta de limpieza y optimización de bases de datos.

2. Autoptimize – acelera tu sitio web y te ayuda a ahorrar ancho de banda mediante la agregación

y la minimización de JS, CSS y HTML.

3. WP Super caché genera archivos html estáticos
desde tu blog de WordPress dinámico. Después de un archivo
generado, el servidor tendrá acceso, en vez de
procesamiento de scripts PHP que ralentizan significativamente
abajo de su sitio de Internet.

 

(opcional) ACTIVAR KEEP-ALIVE

Generalmente, esta opción está disponible en la configuración del servidor. Se puede comprobar si el servidor

tiene habilitado esta opción.

En la siguiente URL puedes comprobar si tiene habilitado ‘keep alive’ probar keep alive .

Si tu sitio tiene la opción de ‘keep alive’ activada, omite este paso. Si no, permitiendo a ‘mantener’ permitirá a

los navegadores de tus visitantes para establecer una conexión TCP una sola vez en lugar de varias veces cuando una

solicitud de archivos de tu sitio web (tales como imágenes, Javascripts, CSS scripts etc..). Esta conexión  acelerará

tu sitio web, ya que el navegador de tu visitante tendrá que abrir una conexión persistente de HTTP

en lugar de establecer múltiples conexiones para cada archivo de la página web cargada.

Puedes habilitar la opción de ‘keep alive’ insertando el siguiente código específico en el archivo .htaccess

<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>

 

HABILITAR LA COMPRESIÓN GZIP

Habilitar la compresión en tu sitio web es uno de los factores clave que aumentan la velocidad de tu sitio web, también la  puntuación porque el contenido de gran tamaño puede causar problemas de carga.

La mejor manera de acelerar el tiempo de carga de tus páginas es comprimir este contenido de gran tamaño. A través de

compresión del ancho de banda de sus páginas se reducirán y esto reducirá la respuesta HTTP. Se

funciona de la misma manera como comprimir un archivo en su computadora perceptiblemente reduciendo su tamaño y aumentando

como resultado la velocidad de tu sitio. Puede lograrlo introduciendo los siguientescódigos de speci????ic de recursos

compresión en el .htaccess o archivos de Nginx:

1. Para el archivo .htaccess

# Comprimir HTML, CSS, JavaScript, Text, XML y fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf

HABILITAR LA COMPRESIÓN GZIP

Habilitar la compresión en tu sitio web es uno de los factores clave que aumentan la velocidad de

puntuación porque el contenido de gran tamaño puede causar problemas de carga.

AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE image/x-icon

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only for really old browsers)

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

 

HABILITAR LA COMPRESIÓN GZIP

Para fichero nginx.conf:

gzip on;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types text/plain text/css application/json application/x-javascript application/javascript text/xml application/xml

application/xml+rss text/javascript image/svg+xml;

 

APROVECHAR EL ALMACENAMIENTO EN CACHÉ DEL NAVEGADOR

Aprovechar el almacenamiento en caché del explorador, reducirá el número de peticiones HTTP por el

servidor. Este paso es muy importante porque reduce el tiempo de carga y mejora la experiencia del usuario.

Cada vez que el navegador de usuario carga la página tiene para descargar correctamente todos los archivos de la web a fin de

Mostrar la página web, incluyendo todas las imágenes, HTML, CSS y JavaScript. Almacenamiento en caché del navegador.

Reduciendo el número de solicitudes HTTP procesado. Se puede lograr mediante la inserción con el

siguiente código en el .htaccess o archivo de Nginx:

1. Archivo .htaccess (incluye el código para mantenertus encabezados ETag en modo off):
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault “access plus 1 month”
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest “access plus 0 seconds”
# Your document html
ExpiresByType text/html “access plus 0 seconds”
# Data
ExpiresByType text/xml “access plus 0 seconds”
ExpiresByType application/xml “access plus 0 seconds”
ExpiresByType application/json “access plus 0 seconds”

# Feed

ExpiresByType application/rss+xml “access plus 1 hour”

ExpiresByType application/atom+xml “access plus 1 hour”

# Favicon (cannot be renamed)

ExpiresByType image/x-icon “access plus 1 week”

# Media: images, video, audio

ExpiresByType image/gif “access plus 1 month”

ExpiresByType image/png “access plus 1 month”

ExpiresByType image/jpeg “access plus 1 month”

ExpiresByType video/ogg “access plus 1 month”

ExpiresByType audio/ogg “access plus 1 month”

ExpiresByType video/mp4 “access plus 1 month”

ExpiresByType video/webm “access plus 1 month”

# HTC files (css3pie)

ExpiresByType text/x-component “access plus 1 month”

# CSS and JavaScript

ExpiresByType text/css “access plus 1 year”

ExpiresByType application/javascript “access plus 1 year

#7 ALMACENAMIENTO EN CACHÉ DEL NAVEGADOR

A través de aprovechar el almacenamiento en caché del navegador, reducirá el número de peticiones HTTP por el
servidor. Este paso es muy importante porque reduce el tiempo de carga y mejora la experiencia de usuario.
# Webfonts
ExpiresByType application/x-font-ttf “access plus 1 month”
ExpiresByType font/opentype “access plus 1 month”
ExpiresByType application/x-font-woff “access plus 1 month”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType application/vnd.ms-fontobject “access plus 1 month”
</IfModule>
<FilesMatch “\.(ico|pdf|????lv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$”>
Header unset ETag
FileETag None
</FilesMatch>
1. Para el archivo de nginx (generalmente /etc/nginx/sites-enabled/default)
location ~* \.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|-
gif|gz|gzip|ico|jpg|jpeg|jpe|css|js|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|od
g|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zi
p)$ {expires 365d;}
Recuerda: Podrás utilizar ubicación sólo en un bloque del servidor, no en el bloque de ‘HTTP’, ya sea directamente o
a través de un archivo independiente. También, después de insertar el código, debes reiniciar Nginx mediante este comando:
$ service nginx restart
Después de ejecutar el código, debería  mejorar significativamente el puntaje de PageSpeed y YSlow de tu sitio web.
page-speed
MINIFICAR TU CÓDIGO 
Minificar el código, se borrará el proceso de carga de tu sitio y conducirá a un aumento en su
velocidad. Puedes utilizar el plugin Autoptimize para minificar tu código HTML, CSS y JavaScript.
 Comprueba visualmente el frontend de tu sitio web y utilizando la propiedad de elemento de inspección. Si no hay ningún error

, puedes ir al siguiente paso. Te vas a encontrar algunos errores después de ejecutar el plugin (como

“jQuery no está definido’), puedes encontrar que el archivo (en este caso es jquery.js) o se generan los errores de archivos.

Autoptimize, haga clic en ‘Mostrar configuración avanzada’ y encontrar los campos ‘ excluir secuencias de comandos de

Autoptimize’ desde las opciones de JavaScript y ‘Excluir CSS de Autoptimize’ opciones de CSS. Inserta el

nombre de los archivos que se identifico en el paso anterior, de acuerdo con tus extensiones (.js o .css),

por ejemplo:

configuracion-autoptimize

 

opciones-css

 

 

Puntuación de GTmetrix después de ejecutar con éxito la configuración de plugin (basta con mirar ese tiempo de carga de página y el

número de solicitudes):
tiempo-de-carga-gtmetrix

HABILITAR LA CONFIGURACIÓN DE CACHÉ AVANZADO

Esta recomendación mejorarán la experiencia del usuario y el desempeño de tu sitio por
reducir uso de CPU y disco duro, reduciendo el tiempo de respuesta y números de solicitud.
WP Super Cache te permite servir archivos de caché, comprimir páginas para servirles más rápidamente a los visitantes,
y otras opciones avanzadas en la configuración. Estos ajustes reducirá uso de CPU disco duro. Simplemente
ir a WP Super caché avanzada y marcar las siguientes opciones:
ajustes-avanzados-wp-super-cache

HABILITAR LA CONFIGURACIÓN DE CACHÉ AVANZADO

Puntuación de GTmetrix después de ejecutar con éxito la configuración del plugin:

resultados-gtmetrix

 

 

OPTIMIZAR LA BASE DE DATOS

Es una manera eficaz y potente para aumentar la velocidad de tu sitio web si utilizas

WordPress.

Porque se basa en el uso de la base de datos. Los datos que almacenan está aumentando constantemente, haciendo tu sitio más lento.

Esto es un problema particular si tienes plugins que guardan registros, estadísticas y datos de usuario o permitir publicar revisiones,

Pingbacks y trackbacks. Limpiar periódicamente las tablas de la base de datos para garantizar su buen funcionamiento.

Tus mensajes, comentarios, páginas y otras formas de datos textuales y cifrados se almacenan en WordPress.

Dentro de una única base de datos – todo excepto los archivos multimedia (imágenes y vídeos) que se almacenan en la

carpeta ‘wp_content’. Esta base de datos generalmente se llena con contenido innecesario y los mensajes de revisiones,

y otros datos de basura como:

[progress type=”info” percent=”100″ text=”COMENTARIOS SPAM”]

[progress type=”info” percent=”100″ text=”AUTO DRAFTS”]

[progress type=”info” percent=”100″ text=”ELEMENTOS ELIMINADOS”]

[progress type=”info” percent=”100″ text=”REVISIONES DE POSTS”]

[progress type=”info” percent=”100″ text=”COMENTARIOS SIN APROBAR”]

[progress type=”info” percent=”100″ text=”PINGBACKS & TRACKBACKS”]

 Recomendamos deshacerse de datos basura por la reducción de tamaño. Puede llevar acabo esta optimización manualmente
a través de phpMyAdmin o utilizando un plugin como “WP Optimize”.
configuracion-optimizer
Además, puedes limpiar automáticamente la base de datos agregando el código siguiente en el archivo wp-config.php:
‘ define (‘EMPTY_TRASH_DAYS’, 30); define (‘WP_POST_REVISIONS’, 3); ‘, donde ’30’y ‘3’ son los días antes de los datos de basura que se eliminarán automáticamente.
agregar-codigo-en-wp-config
Puntuación de GTmetrix después de optimización de base de datos:

gtmetrix-puntuacion

UTILIZA CDN CONTENT DELIVERY NETWORK

CDN asegura una descarga rápida de archivos estáticos en los navegadores de tus visitantes. Imágenes, CSS, y
JavaScript se descargarán por servirles en los servidores más cercanos a tus visitantes
Puede habilitar la opción de CDN Si utilizas Autoptimize o WP Super Cache.

cdn-wp-super-cache

IMPORTANTE

Muchos sitios web están alojados

en servidores de Estados Unidos y si eres

de los Estados Unidos

o usas una VPN, carga bastante rápido.

Pero estos

sitios web suelen cargar

más lento para los visitantes de

otras partes del mundo. El uso de

CDN soluciona este problema por la

distribución de tu sitio web,

archivos a través de un servidor de

red en diferentes lugares

en el mundo, disminuyendo

tiempo de carga del sitio Web.

Después de ejecutar la configuración del plugin, tenemos una impresionante puntuación de YSlow y tiempo de carga de página
tiempo-de-carga-con-cdn

OPTIMIZAR TUS IMÁGENES

Optimización de tus imágenes es muy importante porque generalmente consisten de hasta un 63% de tu
Página. Por ello, imágenes de gran tamaño pueden realmente reducir la velocidad y el desempeño de tu sitio.
Antes de publicar cualquier contenido con imagen, primero debes considerar elegir el formato adecuado.
  • JPG/JPEG mejor opción para fotos
  • PNG mejor opción para imágenes;
  • GIF mejor opción para animaciones, gráficos pequeños o simples
  • ¡No utilizar BMP o TIFF!

Puedes usar las imágenes redimensionadas, de esta manera se le esta indicando al navegador la resolución de

imagen y ademas cargara mas rapido ya que el navegador no tiene que averiguar la resolución de imagen.

También puedes utilizar plugins para optimizar las imágenes en el repositorio de WordPress.

optimizar-imagenes-con-gtmetrix

 

La opción que recomendamos utilizar para comprimir el tamaño de la imagen y aumentar la velocidad de tu sitio,

sin dañar su calidad es TinyPNG – para imágenes png y jpeg. Se puede utilizar tanto para las imágenes existentes

que deseas reemplazar, así como nuevas imágenes que deseas publicar en tu sitio Web. La mejor práctica

es para pasar tus imágenes a través de esta herramienta cada vez que antes quieras subir en tu website.

tinypng

 

 

Puntuación de GTmetrix después de ejecutar con éxito la configuración de plugin: de 49%/67%/9.7s/3.48MB/62
solicitudes las solicitudes de 98%/99%/2.1s/2.03MB/26! Impresionante, ¿no?
 resultado-gtmetrix

ELEGIR EL MEJOR ALOJAMIENTO WEB

Sin embargo, si has hecho todos estos pasos para aumentar la velocidad de tu sitio,pero no notas ninguna
mejora, probablemente es hora de pensar en cambiar de alojamiento web.
POR ÚLTIMO, MANTENER TU TEMA & PLUGINS LIMPIO!
Esto quiere decir que bajo ningún concepto se debe utilizar temas y plugins premium
de sitios webs piratas.
Esos archivos ofrecidos de forma gratuita vienen con codigo ofuscado ademas de
mandar spam y trafico hacia esos sitios webs piratas.
Este tipo de enlaces ocultos es penalizado por Google.

CONCLUSION FINAL DE ESTE ARTICULO.

Recuerda que todos los plugins requieren comunicación entre los navegadores y servidores. Esta comunicación depende de su

velocidad de procesamiento del servidor. Muchos plugins puede retardar tu sitio, crear problemas de seguridad, causan accidentes y otros problemas técnicos. Es muy importante a tener en cuenta que no sólo es el número de tus plugins instalados, sino también sus tamaños que pueden aumentar en tu sitio

web el tiempo de carga. Así que trata de desactivar y eliminar cualquier plugin innecesario.

También, tener en cuenta que alcanzar una puntuación de 100% de velocidad no es tu prioridad porque hay muchos factores que no permiten

obtener el puntaje más alto, como fuentes o logotipos de alta resolución. Mayoría de las veces, estos elementos son componentes clave de tu

sitio web y no puedes obtener una puntuación perfecta.

Comparte esta historia: