Post Top Ad

Your Ad Spot

martes, 21 de abril de 2020

18 consejos sobre cómo acelerar WordPress

WordPress es una increíble plataforma CMS, pero también puede ser bastante lenta si no se optimiza correctamente. En esta guía, le mostraremos cómo acelerar WordPress compartiendo nuestras estrategias y recomendaciones de rendimiento web.
Las empresas de todo el mundo confían en WordPress para impulsar sus sitios web. Es utilizado por más de la mitad de los que usan un sistema de gestión de contenido y, según ManageWP, son más de 74 millones de sitios web que actualmente usan WordPress .
WordPress es utilizado por el 60% de todos los sitios web cuyo sistema de gestión de contenido conocemos. Este es el 31.6% de todos los sitios web.
W3Techs
wordpress market share 2018
Fuente: W3Techs

Herramientas de prueba de velocidad#

Una de las herramientas más importantes para usar mientras trabajas para acelerar la velocidad de tu sitio de WordPress es una herramienta de prueba de velocidad. Recomendamos realizar algunas pruebas iniciales antes de comenzar a realizar cambios y luego realizar una prueba posterior después de cada cambio que haya realizado. Esto le dará una mejor idea de si algo tuvo un impacto positivo o negativo en la velocidad de su sitio.
Hay una variedad de herramientas de prueba de velocidad disponibles, sin embargo, KeyCDN ofrece una que puede probar desde 14 ubicaciones diferentes .
keycdn tools website speed test
Además, si necesita probar un activo específico en varias ubicaciones simultáneamente, consulte nuestra herramienta de prueba de rendimiento que hace exactamente eso. Nuestra herramienta de prueba de rendimiento proporciona información útil que incluye el tiempo de búsqueda de DNS, los tiempos de conexión, TTFB y más.

La velocidad del sitio es importante#

Ahora, más que nunca, la velocidad del sitio es importante no solo para obtener una clasificación más alta en SERP sino también para proporcionar una mejor experiencia de usuario y lograr mayores conversiones. Google anunció en 2010 que la velocidad del sitio de escritorio tuvo un efecto en su rango SERP. Sin embargo, en 2018, Google anunció que la velocidad del sitio móvil tiene un efecto en la clasificación.
Por lo tanto, si desea aumentar la cantidad de tráfico orgánico que recibe de los dispositivos móviles y de escritorio, deberá mejorar la velocidad del sitio web de WordPress.
Además de tener una clasificación más alta en los SERP, si está vendiendo cosas en línea, también verá una tasa de conversión mucho más alta, lo que a su vez significa más ingresos. Tome el siguiente ejemplo, por ejemplo.
google impact calculator
Según la calculadora Impact de Google, si hace que un sitio web se cargue en 2.2 segundos a 1.4 segundos y tiene 200,000 visitantes por mes, genera un valor de pedido promedio de $ 50 y tiene una tasa de conversión del 3%, podría ver un aumento de más de $ 146,000 en anual los ingresos .
Eso solo muestra cuán importante es realmente la velocidad del sitio web. Entonces, si está listo para comenzar a optimizar su sitio web de WordPress para un mejor rendimiento, siga leyendo.

Acelera WordPress#

Siga las recomendaciones a continuación para acelerar WordPress y reducir los tiempos de carga de su sitio, asegurando la mejor experiencia de usuario para sus visitantes.

1. Use un marco / tema sólido#

Detrás de cada sitio de WordPress, hay un tema o marco y, junto con eso, a veces puede hincharse. Cada tema está codificado de manera diferente y por eso, hay aquellos que son mejores que otros. Los temas predeterminados de WordPress como Twenty Fifteen son bastante rápidos porque son muy livianos.
Tenga cuidado al comprar temas en mercados populares como ThemeForest y Creative Market . Si bien hay muchos temas geniales allí, también debe darse cuenta de que los desarrolladores a veces siguen agregando funciones para generar más ventas. Se trata más de encontrar los desarrolladores correctos. El tema Total WordPress de los desarrolladores de WPExplorer es un gran ejemplo de un tema multipropósito que todavía tiene en cuenta el rendimiento. Incluso muchas de sus demostraciones, que están llenas de contenido, se cargan en menos de 800 ms.
thesis
Los marcos ligeros como el marco de Thesis Theme y Genesis también tienen una gran reputación por desarrollar temas rápidos y bien codificados.

2. Utilice el almacenamiento encaché#

El almacenamiento en caché es otro factor importante cuando se trata de acelerar WordPress. El almacenamiento en caché almacena sus páginas y publicaciones como archivos estáticos que luego se sirven a sus visitantes, lo que reduce la carga de procesamiento en su servidor.
Puede utilizar el almacenamiento en caché utilizando los complementos de almacenamiento en caché de WordPress, implementando el almacenamiento en caché del navegador y el almacenamiento en caché del lado del servidor.

Complementos de almacenamiento en caché#

Aquí hay algunos complementos de caché gratuitos y premium:
  • Cache Enabler (desarrollado por KeyCDN - ver puntos de referencia )
  • W3 Caché total
  • WP Super Cache
  • WP Rocket

Almacenamiento en caché del navegador: agregue encabezados de vencimiento a WordPress#

También puede aprovechar el almacenamiento en caché del navegador agregando encabezados de caducidad. Los encabezados de caducidad le indican al navegador si deben solicitar un archivo específico del servidor o si deben obtenerlo de la memoria caché del navegador. Al agregarlos, reduce la cantidad de solicitudes HTTP que se necesitan. Algunos complementos de almacenamiento en caché de WordPress le permiten agregar esto, pero también puede agregar el código a su .htaccessarchivo:
<IfModule mod_expires.c>
    # Enable expirations
    ExpiresActive On
    # Default directive
    ExpiresDefault "access plus 1 month"
    # My favicon
    ExpiresByType image/x-icon "access plus 1 year"
    # Images
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    # CSS
    ExpiresByType text/css "access plus 1 month"
    # JavaScript
    ExpiresByType application/javascript "access plus 1 year"
</IfModule>

Servidor de almacenamiento encaché#

Además de los complementos de almacenamiento en caché de WordPress y el almacenamiento en caché del navegador, también aprovecha el almacenamiento en caché del lado del servidor. Esto generalmente se hace en sitios de mayor tráfico. La memoria caché de barniz puede ser muy potente cuando se combina con un complemento de almacenamiento en caché y un CDN.

Buscar previamente dominios de uso común#

La captación previa es similar al almacenamiento en caché en el hecho de que le está diciendo al navegador, como Chrome, que busque la configuración de DNS antes de que realmente sea necesario. Peina la página y consulta los dominios captados previamente que aún no están en caché para que se carguen más rápido más adelante.
Puede buscar previamente dominios en WordPress agregando la sintaxis de dominio a su header.phparchivo entre las <head></head>etiquetas. Este proceso no es de bloqueo y solo se realizará cuando sea posible. Aquí hay algunos ejemplos comunes.

Buscar previamente fuentes de Google#

<link rel="dns-prefetch" href="//fonts.googleapis.com">

Obtener previamente el código de Google (jQuery)#

<link rel="dns-prefetch" href="//ajax.googleapis.com">

Busque previamente Google Analytics#

<link rel="dns-prefetch" href="//www.google-analytics.com">
Vea una lista más grande de dominios de uso común para la captación previa .

Eliminar cadenas de consulta de recursos estáticos#

También puede ser beneficioso eliminar cadenas de consulta de sus recursos estáticos, ya que esto puede causar problemas de almacenamiento en caché con algunos cachés proxy y CDN. En WordPress, tienes un par de opciones.
  1. Edite su functions.phparchivo para incluir una función que elimine las cadenas de consulta.
    function _remove_script_version( $src ){
        $parts = explode( '?ver', $src );
        return $parts[0];
    }
    
    add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
    add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
  2. Si está utilizando un complemento de almacenamiento en caché como W3 Total Cache, puede haber una opción para evitar la creación de cadenas de consulta.
  3. Hay algunos plugins de WordPress libres también se puede utilizar para eliminar las cadenas de consulta, tales como cadenas de consulta removedor y Eliminar cadenas de consulta De los recursos estáticos .
Afortunadamente, si está utilizando KeyCDN como su CDN, esto no es necesario, ya que tenemos una función llamada Ignorar cadena de consulta que puede habilitar dentro del tablero. Esta característica le dice al caché que responda con una respuesta en caché incluso si la cadena de consulta difiere.
Lea nuestra publicación más detallada sobre la eliminación de cadenas de consulta .

3. Implemente una red de entrega de contenido#

No importa qué tan grande sea su instalación de WordPress o cuánto tráfico obtenga su sitio, todos pueden beneficiarse de implementar una red de entrega de contenido (CDN). Un CDN esencialmente toma todos sus archivos (CSS, JavaScript, imágenes) y los entrega en un servidor más cercano al visitante, lo que disminuye el tiempo de descarga. Además de la velocidad, una red de entrega de contenido también puede afectar en gran medida la experiencia de sus visitantes, su tasa de rebote , el tiempo que permanecen en su sitio, las conversiones e incluso su SEO.
KeyCDN ofrece servicios de entrega de contenido a través de un programa de pago por uso . Para implementar rápidamente un CDN para sus sitios de WordPress, KeyCDN desarrolló un nuevo complemento liviano llamado CDN Enabler . Está disponible gratuitamente y la configuración se puede completar en minutos.
cdn enabler

Cargue todos los activos de WordPress CDN#

Asegúrese de cargar incluso los archivos más pequeños de su CDN, como su favicon. Si todo se está cargando desde la CDN, esto crea una única conexión. Para ajustar su favicon, simplemente suelte su favicon en la raíz de su instalación de WordPress a través de FTP y luego agregue esto a su header.phparchivo entre las etiquetas principales.
<link rel="shortcut icon" href="https://cdn.domain.com/favicon.ico" type="image/x-icon" />
Puede ver en el ejemplo en la pantalla a continuación que el 100% de nuestros activos se están cargando desde la CDN.
optimus load time
Del mismo modo, también puede cargar sus gravatars desde un CDN si está configurado correctamente. Siga nuestra guía gravatar CDN para obtener más información.

4. Optimizar la base de datos de WordPress#

WordPress tiene una tendencia a comenzar a disminuir si no mantiene su base de datos optimizada. Hay maneras de mantener limpia su base de datos deshabilitando o limitando las revisiones de publicaciones, eliminando revisiones antiguas y teniendo en cuenta la limitación de WordPress de 100 páginas.

Deshabilitar y limitar las revisiones de publicaciones de WordPress#

WordPress crea muchas revisiones cuando estás escribiendo. Si no tiene cuidado, puede terminar con miles de revisiones innecesarias en su base de datos.
wordpress revisions
Para solucionar este problema, puede deshabilitar las revisiones por completo o limitar el número de revisiones.

Deshabilitar revisiones de WordPress#

Para deshabilitar las revisiones de WordPress, deberá agregar el siguiente código a su wp-config.phparchivo. Esto cambia el intervalo de guardado automático predeterminado de 60 segundos a 5 minutos y luego deshabilita las revisiones posteriores. Por defecto, todavía hay un autoguardado por publicación.
define('AUTOSAVE_INTERVAL', 300); // seconds
define('WP_POST_REVISIONS', false);
También hay un pequeño plugin gratuito llamado Deshabilitar revisión posterior que hará lo anterior por usted sin tener que modificar ningún código.

Limite el número de revisiones de WordPress#

Para limitar las revisiones de WordPress, deberá agregar el siguiente código a su wp-config.phparchivo. Esto cambia el intervalo de guardado automático predeterminado de 60 segundos a 5 minutos y establece el número de revisiones posteriores a tres. Puede establecer el número de revisiones que se almacenan en el número que prefiera.
define('AUTOSAVE_INTERVAL', 300); // seconds
define('WP_POST_REVISIONS', 3);

Elimine las revisiones antiguas de WordPress de su base de datos#

Después de deshabilitar o limitar sus revisiones de publicaciones, también querrá limpiar y eliminar las revisiones antiguas. Recomendamos instalar temporalmente el complemento gratuito de WordPress WP-Optimize .
wp-optimize
Con este complemento, puede limpiar todas las revisiones de publicaciones, limpiar la publicación de borrador automático, eliminar comentarios de spam, comentarios no aprobados, opciones transitorias, pingbacks y trackbacks. En la versión más reciente de WP-Optimize, también puede habilitar la limpieza automática en un horario predeterminado.
wordpress database cleanup options

Cuidado con la limitación de WordPress de 100 páginas#

Al diseñar la estructura de su sitio, debe tener en cuenta que WordPress no está destinado a manejar más de 100 páginas. Comenzará a encontrarse con problemas de memoria y notará una desaceleración significativa en el back-end. Esto no afecta la velocidad de la interfaz. WordPress menciona esta limitación en su documentación.
“Nota: este parámetro fue planeado para las páginas. Tenga cuidado al elegirlo para su tipo de publicación personalizada: si planea tener muchas entradas (por ejemplo, más de 100), se encontrará con un problema de memoria . Con este parámetro configurado en verdadero, WordPress obtendrá todas las entradas de ese tipo de publicación en particular, junto con todos los metadatos, en cada carga de la página de administración para su tipo de publicación ". Src: Referencia de función / tipo de publicación de registro
Las páginas tienen un árbol de jerarquía. Entonces, cualquier cosa que tenga que ver con una página termina teniendo que cargar todo el árbol de jerarquía de la página en el back-end para distinguir cómo esa página se relaciona con otras. Cuando se trata de una publicación, no hay un enlace a otras publicaciones, solo la fecha de la publicación relativa, por lo que no tiene que cargar tanto. Recuerde que WordPress fue creado originalmente como una plataforma de blogs.
¿La solución? Debería comenzar a usar tipos de publicaciones personalizadas . Puede usar un complemento gratuito como Post Type Switcher si tiene muchas páginas que desea convertir en tipos de publicación personalizados.

5. Optimizar imágenes usando la compresión inteligente#

Como mencionamos en una publicación anterior sobre la compresión inteligente de imágenes , en promedio el 56 por ciento del peso de la página de un sitio web está compuesto por imágenes . Por lo tanto, optimizar sus imágenes y comprimirlas definitivamente debería ser una prioridad en su lista de prioridades. Optimus utiliza una combinación de métodos de compresión sin pérdidas y con pérdidas que reducen el tamaño de sus archivos sin afectar la calidad visual de sus imágenes.
optimus
Dependiendo de la imagen, son posibles reducciones de hasta el 70%. Puede instalar el complemento y autoimagen sus imágenes al subirlas a WordPress.

6. Compresión Gzip / Brotli#

Gzip es otra forma de compresión que comprime páginas web, CSS y JavaScript a nivel de servidor antes de enviarlas al navegador.

Apache#

Puede habilitar la compresión agregando lo siguiente a su .htaccessarchivo:
<IfModule mod_deflate.c>
    # Compress HTML, CSS, JavaScript, Text, XML and 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
    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 needed 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
</IfModule>

Nginx#

Puede habilitar la compresión agregando lo siguiente a su nginx.confarchivo:
gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;
Además, es posible que también desee considerar la implementación de la compresión Brotli para ahorrar aún más en tamaño. Brotli es un nuevo algoritmo de compresión desarrollado por Google que se sabe que muestra resultados significativamente mejores que su predecesor, Gzip. Consulte los resultados a continuación, que comparan las velocidades de carga y las diferencias de tamaño entre un sitio de WordPress que está comprimido, comprimido con Brotli y comprimido con Brotli + y utiliza un CDN.
wordpress brotli results
Fuente: Sitepoint
Si tiene Brotli configurado en su servidor de origen, también puede entregar activos comprimidos de Brotli a través de KeyCDN . Esto significa que para todos los navegadores que admitan Brotli, sus activos de Brotli se entregarán mientras que todos los demás navegadores recibirán la versión alternativa de Gzip.

7. Reduzca el número de complementos de WordPress#

Una razón común para la desaceleración de WordPress es que las personas tienen demasiados complementos en ejecución, creando demasiada sobrecarga para su servidor web. Mantener al mínimo la cantidad de complementos que ha instalado es muy importante.
En el pasado, había complementos como P3 Plugin Performance Profiler y WP Performance Profiler, sin embargo, estos ya no están disponibles o están muy desactualizados .
Al auditar los complementos de su sitio, primero verifique cuándo fue la última vez que se actualizaron. Si ha pasado un tiempo, verá una advertencia en su página de plugins de WordPress.
wordpress warning
Se recomienda mantenerse alejado de estos, ya que es probable que ya no se mantengan y que puedan causar problemas de rendimiento o compatibilidad. Además, al analizar el impacto en los tiempos de carga, pregúntese si el complemento es algo que realmente necesita o tal vez podría lograr lo mismo de una manera diferente.
La calidad de los complementos que ha instalado también es un factor importante en el rendimiento web. No todos los complementos se crean de la misma manera y, por lo tanto, debe intentar realizar pruebas de velocidad con un par de complementos que logren el mismo objetivo final al optimizar el rendimiento. Para complementos de WordPress de alta calidad, consulte la colección de Supsystic .

8. Optimizar el rendimiento de la fuente web#

Como escribimos en nuestro reciente estudio de caso sobre el análisis del rendimiento de las fuentes web , el 57% de los sitios web ahora usan fuentes personalizadas, lo que representa un aumento del 850% desde 2011. Observamos que es importante servir solo las fuentes que necesita , como WOFF y formatos WOFF2. Servicios como Typekit base64 codifican todos los formatos, lo que puede aumentar los tiempos de descarga y ralentizar su sitio.
En nuestras pruebas, las fuentes de Google funcionaron bien debido al uso de su CDN y solo sirven formatos WOFF. Open Sans fue la más rápida de las 10 fuentes más populares . Si buscas velocidad pura y aún quieres usar las fuentes de Google, la mejor combinación en WordPress sería usar Open Sans y luego una fuente segura para la web como Arial.
top 10 google fonts
También es importante tener en cuenta la diferencia entre una fuente de Google y una fuente segura para la web, ya que es casi una diferencia de 200 ms . Esto se debe principalmente al tiempo de descarga de la fuente más la solicitud HTTP adicional a los servidores de Google.
arial vs open sans
Otra opción que tiene es mover sus fuentes de Google a su CDN . Realizamos nuestra propia comparación entre usar CDN de Google y KeyCDN, y fue más rápido usar KeyCDN. ¿Por qué? Debido a que reduce la cantidad de solicitudes HTTP, las búsquedas DNS, le permite aprovechar una única conexión HTTP / 2 y tener más control sobre el almacenamiento en caché.
Prueba de velocidadGoogle CDN (ms)KeyCDN (ms)Ganador
WebPageTest tiempo de carga1871 ms1815 msKeyCDN
WebPageTest completamente cargado1929 ms1862 msKeyCDN
Tiempo de carga Pingdom355 ms324 msKeyCDN
Puede ir un paso más allá al codificar base64 sus fuentes en un solo archivo CSS y almacenarlas en localStorage. La memoria caché nativa de un navegador se vacía con bastante frecuencia, especialmente en dispositivos móviles. Entonces, al guardar en localStorage, el archivo se almacena en caché de forma persistente. Smashing Magazine evitó un retraso de 700 ms utilizando localStorage .
Recomendamos consultar la herramienta localFont de Jaime Caballero. Puede arrastrar rápidamente sus fuentes WOFF a su herramienta y las codificará en base64 y le dará el CSS y JavaScript para poner en su sitio de WordPress.
localStorage font

9. Optimizar los iconos de Font Awesome#

Cuando se trata de Font Awesome, puede aprovechar su propia CDN para ayudar a acelerar su entrega. Si su tema ya incluye Font Awesome, es posible que deba ajustar su tema para que funcione lo siguiente.

Host Font Awesome en tu propio CDN#

Hosting Font Awesome desde su propia CDN se cargará desde la misma conexión que sus otros activos, lo que dará como resultado una búsqueda de DNS menos. Y si está ejecutando a través de HTTPS y está en un servidor CDN compatible con HTTP / 2, entonces es mejor consolidar sus solicitudes a una sola conexión H2.
Lo primero que debe hacer es asegurarse de que su archivo Font Awesome esté cargado en relación con su ruta CSS inicial. Con este método, mientras su archivo CSS de Font Awesome se cargue desde la CDN, también lo hará el archivo de fuente. Aquí hay un ejemplo como se usa en nuestra página.
font awesome cdn file
El enlace a su archivo Font Awesome usando la URL de CDN debería ser similar al fragmento que se muestra a continuación.
<link href="https://cdn.keycdn.com/css/font-awesome-4.4.0.min.css" rel="stylesheet">
Y eso es todo, ¡ahora tienes iconos de Font Awesome de carga súper rápida!

10. Imágenes de carga perezosa, videos y Disqus#

La carga diferida es un concepto en el que se retrasa la carga de la unidad de objeto en el punto donde se necesita. En WordPress, esto generalmente se refiere a no cargar el objeto hasta que un usuario se desplaza hacia abajo en la página o utiliza un evento al hacer clic. Puede cargar de forma diferida todo tipo de contenido, desde imágenes hasta videos e incluso el sistema de comentarios Disqus.

Imágenes de carga diferida#

Para las imágenes de carga diferida, hay un pequeño complemento gratuito llamado BJ Lazy Load . Este complemento reemplaza todas sus imágenes de publicaciones, miniaturas de publicaciones, imágenes gravatar e iframes de contenido con un marcador de posición y carga el contenido a medida que se acerca para ingresar a la ventana del navegador cuando el visitante se desplaza por la página. También funciona con widgets de texto. Si está utilizando el complemento de almacenamiento en caché de WP Rocket, también tiene una opción para cargar imágenes de forma diferida.

Videos de carga perezosa#

Para cargar de manera diferida sus videos, hay un complemento gratuito llamado Carga diferida para videos . Reemplaza los videos incrustados de YouTube y Vimeo con una imagen de vista previa en la que se puede hacer clic. Si su sitio web tiene muchos videos, este complemento solo puede acelerar drásticamente WordPress.
Después de configurar la página, el tiempo de carga pasó de 3.5 a 1.5 segundos y no podría estar más feliz.
- James (Convergencia de la multitud)

Carga diferida Disqus#

disqus conditional load
Disqus es un excelente sistema de comentarios y puede ser un gran elemento disuasorio para el correo no deseado, ya que elimina casi el 99%. Sin embargo, el complemento predeterminado de Disqus crea más de 10 solicitudes HTTP que pueden ralentizar drásticamente su sitio. Afortunadamente, James Joel desarrolló un complemento, Disqus Conditional Load , que corta todas estas solicitudes HTTP en la carga inicial. También es ahora compatible con SEO, lo que significa que Google aún rastreará sus comentarios. ¡Incluso utilizamos este complemento en nuestro blog!

11. Minificar y concatenar CSS y JavaScript#

Cuando se trata de acelerar WordPress, la minificación y la concatenación pueden desempeñar un papel importante.

Minificación#

La minimización de recursos significa eliminar caracteres innecesarios de su HTML, JavaScript y CSS que no es necesario cargar, como:
  • Caracteres de espacio en blanco
  • Nuevos caracteres lineales
  • Comentarios
  • Delimitadores de bloque
Esto acelera sus tiempos de carga ya que reduce la cantidad de código que debe solicitarse al servidor.

Concatenar#

La concatenación es el proceso de combinar sus archivos CSS y JavaScript en un solo archivo con el único propósito de reducir sus solicitudes HTTP. A veces, esto puede aumentar el tiempo de descarga de su archivo, pero generalmente supera las solicitudes adicionales. Dependiendo del sitio, las descargas paralelas en realidad pueden ser más rápidas, por lo que es bueno probar su sitio para ver cuál ofrece un mejor resultado.
Puede usar los complementos de WordPress para minimizar y concatenar su código. En WP Rocket, por ejemplo, hay una opción debajo de la pestaña básica.
wp rocket minification concatenation
La mayoría de los complementos de almacenamiento en caché de WordPress ahora tienen estas opciones, pero también hay otros complementos livianos gratuitos que puede usar, como Better WordPress Minify y Autoptimize . Además, cuando se trata de colocar CSS y JavaScript en WordPress, siempre es una buena práctica mover el CSS hacia arriba y el JavaScript hacia abajo.
Nota: Si desea mejorar la configuración de su complemento Autoptimize o ejecutar una optimización completa de la velocidad del sitio, consulte los servicios profesionales de Autoptimize .

12. Reduzca varias solicitudes HTTP#

Disminuir la cantidad de solicitudes HTTP que WordPress hace es muy importante. Siga estas instrucciones sobre cómo solucionar el problema grave y la solicitud adicional para cargar emojis desde WordPress 4.2

Gravatars#

Si está utilizando el sistema de comentarios nativo de WordPress de forma predeterminada, crea una solicitud HTTP separada para cada gravatar. Si tiene muchos comentarios, esto puede resultar en toneladas de solicitudes y redireccionamientos innecesarios, como se ve en el siguiente ejemplo.
gravatar http requests
Hay un par de opciones que tiene para evitar esto.

Opción 1: deshabilitar Gravatars de usuario#

La primera opción es simplemente deshabilitar gravatares de usuario y usar solo avatares locales. Esto no es lo ideal, pero ¿qué importancia tiene para usted la velocidad de WordPress?
Para ello, instale el plugin gratuito WordPress WP User Avatar . En el menú de configuración, haga clic en "Desactivar Gravatar y use solo avatares locales". Luego elige un avatar predeterminado.
wp user avatar settings

Opción 2: Disqus es más rápido#

Su segunda opción es usar Disqus de carga diferida como mencionamos anteriormente. Sí, esto parece extraño porque agregar un archivo JavaScript, un complemento y una llamada externa normalmente significaría un tiempo de carga adicional. Pero si compara esto con una publicación de blog con 5 o más comentarios, Disqus es realmente más rápido debido a la cantidad reducida de solicitudes HTTP.

Deshabilitar emojis#

Con el lanzamiento de WordPress 4.2 llegaron actualizaciones para soporte adicional de emoji. Desafortunadamente, esto significa que ahora incluyen un archivo JavaScript adicional wp-emoji-release.min.js?ver=4.3.1en su encabezado. Esto crea una solicitud HTTP adicional innecesaria, especialmente si ni siquiera desea usarlos.
wp emoji release min
Siga las instrucciones a continuación para deshabilitar los emojis y deshacerse de esa solicitud HTTP adicional.
Primero, en "Configuración de escritura" en WordPress, asegúrese de desmarcar la opción "Convertir emoticones" en el formato. Luego siga el resto de los pasos a continuación.
writing settings emojis

Opción 1: complemento de WordPress#

Instale el complemento gratuito de WordPress Desactivar Emojis de Ryan Hellyer. Este complemento deshabilita la nueva funcionalidad de emoji en WordPress 4.2.

Opción 2 - Función de WordPress#

Si no desea la sobrecarga de otro complemento, simplemente tome el código del complemento de Ryan y colóquelo en la parte inferior de su functions.phparchivo.
/**
 * Disable the emoji's
 */
function disable_emojis() {
    remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
    remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
    remove_action( 'wp_print_styles', 'print_emoji_styles' );
    remove_action( 'admin_print_styles', 'print_emoji_styles' );
    remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
    remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
    remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
    add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
}
add_action( 'init', 'disable_emojis' );

/**
 * Filter function used to remove the tinymce emoji plugin.
 *
 * @param    array  $plugins
 * @return   array             Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
    if ( is_array( $plugins ) ) {
        return array_diff( $plugins, array( 'wpemoji' ) );
    } else {
        return array();
    }
}

Deshabilitar secuencias de comandos a nivel de página#

Normalmente, desea deshacerse de los complementos, pero hay un complemento llamado González que en realidad le permite deshabilitar la carga de scripts innecesarios a nivel de página y en todo el sitio. No es gratis, pero vale la pena si está tratando de obtener un poco más de velocidad. Por ejemplo, Contact Form 7 es un gran complemento de formularios para WordPress, pero por defecto carga su script en cada página. Con este complemento, puede deshabilitarlo fácilmente y solo cargarlo en su página de contacto. Luego repita con su complemento para compartir en redes sociales, etc. Lo más probable es que pueda deshacerse de al menos 5 o más solicitudes / scripts HTTP utilizando este complemento.
disable unecessary scripts

Deshabilitar incrustaciones#

Desde WordPress 4.4, se carga un nuevo script, wp-embed.min.jsque le permite insertar videos, imágenes, tweets, etc. con mayor facilidad . Por ejemplo, WordPress convertirá automáticamente la URL en una inserción de YouTube y proporcionará una vista previa en vivo en el editor visual . Mucha gente no usa esta función o puede que no la necesite. Siempre puede vincular la forma original al quitar el código de inserción de YouTube o Twitter. El gran problema con esta función es que carga el script en cada página. Hay un par de formas de deshabilitar este script.

Opción 1: complemento de WordPress#

Instale el complemento gratuito de WordPress Deshabilitar incrustaciones de Pascal Birchler. Este complemento hace lo siguiente:
  • Evita que otros incrusten su sitio.
  • Le impide incrustar otros sitios que no están en la lista blanca.
  • Deshabilita todo JavaScript relacionado con la función.

Opción 2 - Función de WordPress#

O puede colocar lo siguiente en la parte inferior de su functions.phparchivo para desactivar también las incrustaciones.
// Remove WP embed script
function speed_stop_loading_wp_embed() {
    if (!is_admin()) {
        wp_deregister_script('wp-embed');
    }
}

add_action('init', 'speed_stop_loading_wp_embed');

Desactivar comentarios#

Cada vez que está utilizando comentarios en WordPress, el comment-reply.min.jsscript se incluye en cada publicación y página. Puede haber ocasiones en las que no necesite este script. Tal vez no permita comentarios en su sitio o use un sistema de comentarios de terceros como Disqus. En esos casos, no es necesario que este script se cargue en cada página.
comment reply wordpress script
Para deshabilitar este script, puede colocar el siguiente código en la parte inferior de su functions.phparchivo.
// Remove comment-reply.min.js from footer
function comments_clean_header_hook(){
    wp_deregister_script( 'comment-reply' );
}

add_action('init','comments_clean_header_hook');

13. Desactivar hotlinking#

Hotlinking se refiere a alguien que se vincula directamente a una de sus imágenes en su propio servidor. Lo que esto significa es que cuando alguien visita su sitio tiene que cargar la imagen de su servidor, ocupando su ancho de banda. Puede deshabilitar hotlinking agregando el siguiente código a su .htaccessarchivo y actualizándolo con su nombre de dominio.
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]
También puede agregar protección de enlace activo a su cuenta de KeyCDN creando un referente de zona . Esto evitará que las personas incrusten sus activos de CDN.
Después de implementar hotlinking, las imágenes en sitios externos aparecerán como rotas, un error 403 en el encabezado.
hotlinking broken 403 image
Ejemplo de imagen rota en sitio externo

14. Deshabilitar pingbacks y trackbacks#

Pingbacks y trackbacks son considerados por algunos como una característica heredada ahora, y pueden causar lentitud cuando se trata de la velocidad de la página. Con Ahrefs, alertas de Google y otras herramientas de monitoreo de marca ahora disponibles, hay formas mucho mejores de ver si alguien se ha vinculado a su contenido.
Puede deshabilitar pingbacks y trackbacks en la configuración de discusión en WordPress. Nota: esto solo se aplica a las nuevas publicaciones.
disable pingbacks trackbacks
Para deshabilitar los pingbacks en publicaciones antiguas, puede usar la función de edición masiva de publicaciones y cambiar los pings a "No permitir".

15. Especifique las dimensiones de la imagen#

La mayoría de ustedes probablemente haya visto la siguiente recomendación de Google PageSpeed ​​en un momento:

Sugerencia de optimización: "Al comprimir y ajustar el tamaño de ... puede ahorrar 5.8 KB (51%)".# #

Esta recomendación hace referencia a que el navegador reduce sus imágenes. Por ejemplo, tal vez la imagen que cargue tenga un ancho de 500 píxeles, pero la columna en la que se colocó tiene solo 400 píxeles de ancho. Esto hace que su imagen se reduzca a 400 px debido a CSS para que coincida con el tamaño de la columna. Esto puede ser un problema en muchos temas de WordPress porque los desarrolladores tienden a reducir las cosas en temas receptivos usando CSS.
Es mejor cargar siempre imágenes en WordPress a escala. Esto a veces significa recortarlos con Photoshop, Paint o Gimp antes de subirlos. Esto ahorra recursos y también lo mantendrá conforme con las pautas de Google PageSpeed. O también puede cargar múltiples resoluciones de sus imágenes y servir la resolución correcta para el dispositivo correcto .

16. Arregla el admin-ajax.phpproblema lento#

En WordPress 3.6, se introdujo la API Heartbeat de WordPress , que permite a WordPress comunicarse entre el navegador web y el servidor. Esto mejoró la administración de sesiones, el seguimiento de revisiones y el guardado automático.
La API Heartbeat de WordPress se utiliza admin-ajax.phppara ejecutar llamadas AJAX desde el navegador web. Probablemente haya visto esto al ejecutar pruebas de velocidad . Esto puede causar un alto uso de la CPU y muchas llamadas PHP. Por ejemplo, si deja abierto el tablero, seguirá enviando POSTsolicitudes a este archivo en un intervalo regular.
Hay un complemento gratuito de WordPress llamado control de latidos que le permite administrar fácilmente la frecuencia de la API de latidos de WordPress.
heartbeat frequency
Nota: ahora hay muchos desarrolladores externos que utilizan este archivo. Si observa retrasos, es posible que esté siendo causado completamente por un sondeo de complementos admin-ajax.phpPara profundizar en esto, puede ejecutar su sitio a través de una herramienta de prueba de velocidad , localizar la admin-ajax.phpllamada y abrir los datos de la publicación.
admin-ajax delays
Por lo general, puede decir por el nombre de "acción" qué plugin lo está sondeando. En este ejemplo, fue "get_shares_count" que resultó ser un complemento social que no tenía habilitado el almacenamiento en caché. Una vez que se activó el almacenamiento en caché, se admin-ajax.phpdetuvo el sondeo.
post details gtmetrix
Esperemos que eso lo ayude a comprender un poco más sobre cómo solucionar problemas de admin-ajax.php slow.

17. Ajuste MySQL#

Optimizar MySQL también es muy importante. Lamentablemente, esto es muy específico para su entorno y su configuración, por lo que no podemos proporcionar las configuraciones recomendadas. El archivo de configuración MySQL / MariaDB normalmente se encuentra en /etc/my.cnfAquí hay algunas configuraciones para vigilar.
  • tmp_table_size
  • query_cache_type
  • query_cache_size
  • query_cache_size
  • join_buffer_size
  • max_heap_table_size
Una herramienta altamente recomendada es el script MySQL Tuner . Es de solo lectura y no realizará cambios de configuración. Le dará una visión general del rendimiento de su servidor y hará algunas recomendaciones básicas sobre las mejoras que puede realizar una vez que se complete. Aquí hay un par de otras herramientas que también puedes usar:
  • Script de iniciación de ajuste MySQL
  • phpMyAdmin

18. Elija un host web confiable#

Y, por supuesto, por último, pero no menos importante, elegir un proveedor de alojamiento web confiable y rápido puede ser una de las decisiones más importantes que tomará al tratar de descubrir cómo acelerar WordPress. Recomendamos mantenerse alejado del alojamiento compartido barato, ya que tienden a saturar sus servidores y terminará compartiendo recursos entre cientos de personas. El viejo dicho, "obtienes lo que pagas", definitivamente se aplica aquí. Sugerimos ir con un VPS o un host administrado de WordPress dependiendo de su nivel de experiencia y tiempo.
DigitalOcean es un excelente proveedor de VPS en la nube y puede comenzar a ejecutar WordPress por tan solo $ 5 / mes. Cuentan con SSD, red de 1 Gbps, una dirección IP dedicada, y puede escalar fácilmente en cuestión de segundos. Ahora incluso cuentan con un instalador de 1 clic para WordPress. Se recomienda que tenga algunos conocimientos de alojamiento web con DigitalOcean, ya que no son un host administrado, lo que significa que si es pirateado, es su responsabilidad solucionarlo.
Linode también es otra buena opción si está buscando un VPS en la nube. Tienen planes que comienzan en $ 10 / mes y todos cuentan con SSD, API, CLI y escalado fácil en 8 centros de datos en 3 regiones diferentes.
Vultr es un poco más nuevo en el juego VPS, pero proporcionan servidores muy rápidos y estables en sus 14 ubicaciones diferentes. Una característica más nueva que ahora ofrecen es el servicio de mitigación DDoS.

Alojamiento administrado de WordPress#

Para aquellos menos expertos en tecnología, un host administrado de WordPress podría ser una mejor solución. Sí, pagará más, pero dependiendo del tamaño de su negocio y la importancia de su tiempo, el precio a veces supera el costo. Con un WordPress administrado, lo ayudarán cuando surjan problemas, como un sitio web lento, su sitio sea pirateado, tiempo de inactividad, instalación de certificados SSL, etc.
Estos son algunos hosts populares de WordPress administrados de alto rendimiento:
  • Kinsta
  • Pagely
  • Panteón
  • Raidboxes (alemán)
  • Mittwald (alemán)
Aquí hay algunos consejos adicionales excelentes de Datos de alojamiento sobre cómo acelerar su sitio web sin cambiar de host.

Resumen#

Con suerte, esta publicación te ha ayudado a aprender más sobre cómo acelerar WordPress y las muchas opciones disponibles para ti. Desde elegir un buen host hasta optimizar la base de datos, implementar un CDN, comprimir sus imágenes, limpiar su código y reducir la cantidad de solicitudes HTTP.
Nos encantaría saber de usted a continuación si tiene otras estrategias que podríamos no haber mencionado.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas