[et_pb_section bb_built=”1″ admin_label=”section”][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.21.4″ z_index_tablet=”500″]
¿Qué plugins y temas de WordPress pueden acelerar su sitio web?
¿Sigue recibiendo informes de velocidad de página que muestran que su sitio web podría ser más rápido? Tú y todos los demás que poseen un sitio web. Al analizar las puntuaciones de Google mobile Pagespeed Insights para los principales editores de toda la web, nos enteramos de que la puntuación media de velocidad móvil era inferior a 24 sobre 100.
Además, la mayoría de estos sitios usaban WordPress. Se plantea la pregunta, ¿cómo se hace un sitio web de WordPress más rápido?
Uno de los mayores beneficios de operar un sitio de WordPress es el acceso a los millones de plugins que aprovechan el conocimiento colectivo de desarrolladores en todo el mundo. Entonces, ¿qué plugins están actualmente disponibles para los editores que podrían ayudarles con la velocidad abismal del sitio web? Y, ¿qué temas y herramientas se pueden utilizar para aumentar las puntuaciones generales de velocidad del sitio?
Mírame caminar a través de sólo los plugins en Ezoic Explains a continuación – o leer el resto de este artículo para todos los detalles.
Lo que sabemos sobre WordPress y las puntuaciones de velocidad del sitio
Los sitios web de WordPress son ideales para los editores porque son fáciles de configurar, fáciles de administrar y proporcionan acceso a un gran número de funciones avanzadas a través de plugins que permiten a los webmasters eludir la codificación o aprender a integrar su sitio con Recursos.
El diseño modular de WordPress también lo deja abierto a una serie de desafíos potenciales con la velocidad del sitio.
Si no tieneun un sólido fondo de redes o desarrollo, peinar la complejidad de lo que está ralentizando un sitio web puede ser desalentador.
En WordPress, todos estos elementos pueden potencialmente tener un impacto dramático en la velocidad de su sitio web:
- El tema que seleccione
- Qué plugins usas
- Hospedaje, uso de una red CDN, almacenamiento en caché y cómo aplicar reglas a la memoria caché
- Cómo administrar código CSS y JS externo
- Cómo se llaman los recursos externos debido a las integraciones con su sitio (herramientas de uso compartido de redes sociales, anuncios, boletines informativos)
A continuación, voy a caminar a través de algunos detalles de qué plugins pueden acelerar su sitio web, cómo configurarlos mejor, cómo administrar mejor los temas, y cómo los editores Ezoic pueden asegurarse de que están aprovechando el poder de la plataforma Ezoic para hacer sus sitios más rápido, así.
¿Qué temas de WordPress son los más lentos?
Cambiar su tema de WordPress puede ser lento y potencialmente perjudicial para las experiencias de usuario(incluso si usted piensa todo sobre el sitio “se ve” mejor). Por lo tanto, antes de salir y cambiar su tema de WordPress a uno de los más rápidos que se enumeran a continuación, es posible que primero desee ver si el suyo está en la lista de temas “lentos”.
Conocido por ser temas lentos de WordPress:
- The7
- ThemeX
- Tienda
- Karuna
- Ixion
- Piqué
- Reequilibrar
- Lodestar
- [Temas personalizados que no fueron diseñados teniendo en cuenta la velocidad]
Lo que la mayoría de estos tienen en común es que incluyen una gran cantidad de componentes adicionales incorporados. A menudo, estos extras son para hacer que el sitio sea más fácil de construir en el front-end o incluir algunas características CSS extrañas o únicas.
En la mayoría de los casos, los problemas con la velocidad del sitio en estos temas pueden ser casi totalmente mitigados si aprovechalas las mejores prácticas en torno a la carga CSS y la imagen de WordPress sirviendo junto con parte de nuestra otra información a continuación.
Realistamente la diferencia entre un tema rápido y uno lento no suele ser muy dramático. La velocidad del sitio depende más de cómo se configura el resto del sitio (cómo se utiliza el almacenamiento en caché, CSS y JS y los recursos externos).
¿Qué temas de WordPress son los más rápidos?
Tal como se indicó anteriormente, simplemente cambiar su tema de WordPress puede no ofrecer ningún beneficio significativo de velocidad del sitio. Si tiene otros problemas importantes que afectan la velocidad del sitio, el tema puede no ser un factor importante en las puntuaciones de velocidad de página más lentas.
Algunos de los temas de WordPress más rápidos conocidos son:
- Skylar
- Rejilla
- Veinte “Quince”, “Catorce”, etc. (tema WP predeterminado)
- GeneratePress
- Divi (cuando se configura correctamente)
- OceanWP
- Vlog
Probablemente hay muchos más que la puntuación casi tan alto cuando se implementa con poco más que contenido e imágenes. Si no ves tu tema en cualquiera de las listas puede que no valga la pena cambiar a menos que hayas logrado manejar todo el resto del material a continuación, o en nuestras publicaciones pasadas sobrela velocidad del sitio web de WordPress.
¿Qué plugins se pueden utilizar para hacer un sitio web más rápido?
Hay toneladas de plugins en el ecosistema de plugins de WordPress que conocen varias características diseñadas para hacer un sitio web más rápido. Desafortunadamente, algunos de estos en realidad ralentizarán su sitio aún más si no se implementan correctamente, o peor aún, romperán su sitio web completamente en el front-end.
A continuación, hay plugins que revisé en el video en la parte superior de este blog. Camino a través de cómo configurar cada uno de ellos. Si eres un usuario de Ezoic, es posible que algunos de estos no sean totalmente compatibles con tu configuración de Ezoic. Dicho esto, la aplicación de velocidad del sitio Ezoic puede tomar mucho de esto y hacer que sea mucho más fácil que configurar plugins (hay nuevas características casi todas las semanas para simplificar cómo funciona).
Estos plugins funcionan mejor para acelerar los sitios de WordPress:
- Asset CleanUp Pro
- WP-Rocket
- WP Disable
- ShortPixel
Hay muchos más plugins que podrías usar. Estos simplemente le permiten eliminar y abordar algunas de laspportunidades O más comunes presentadas por Pagespeed Insights de Google.
Por ejemplo:
- Aplazar CSS y Javascript sin usar
- Elimine los recursos de bloqueo de renderización
- Aplazar imágenes fuera de la pantalla
- Servir imágenes en formatos de próxima generación
- Eliminar CSS no utilizado
- Codificar imágenes de forma eficiente
- y más…
Muchos de estos plugins tienen una buena cantidad de características y capacidades superpuestas; sin embargo, cada uno proporciona varias características únicas que dan a los webmasters la capacidad de ajustar a mano la velocidad de su sitio web.
Desafortunadamente, simplemente activar estos plugins no resolverá los problemasde velocidad de su sitio. Tendremos que usarlos correctamente y cada sitio web tendrá diferentes tolerancias para lo que se puede habilitar en estas herramientas (lo que significa que algunas características de estos plugins pueden hacer que su sitio se muestre incorrectamente).
Cómo usar WP-Rocket para hacer tu sitio web más rápido
WP-Rocket es un plugin de almacenamiento en caché que le da un gran control sobre el almacenamiento en caché del sitio web, la optimización de archivos y la carga de medios. Muchas de las oportunidades de mejorar la velocidad del sitio enumeradas en el informe De Pagespeed Insights a menudo se pueden corregir con mejores reglas de almacenamiento en caché y carga de archivos.
Nota: WP-Rocket sirve para el mismo propósito que muchos otros plugins populares de almacenamiento en caché y “optimización”. Esto incluye, entre otros, caché W3, WP Super Cache, WP Fastest Cache, Hyper Cache y muchos más. Es probable que entre en conflicto con ellos a menos que los deshabilite después de configurar WP-Rocket.
En mi video en la parte superior, camino a través de una manera de configurar de forma conservadora este plugin. He incluido un GIF a continuación que revisa esta configuración que podría ayudar. Pero, si quieres más dirección para que este plugin funcione para ti, te recomiendo ver esa parte de mi video.
Lo único que añadiré que no incluí en el video, es cómo aprovechar la precarga.
Su sitio a menudo realizará llamadas a recursos externos (por ejemplo, Facebook.com para cargar su logotipo para el widget de uso compartido de redes sociales). La precarga le permite acelerar este proceso en la mayoría de los casos.
Uno de los puntos más fáciles de precarga es simplemente permitir que WP-Rocket precargue páginas para los visitantes en función de tu sitemap. Esto es simple. En Precarga,solo tienes que introducir la URL de tu sitemap. Es comúnmente yourwebsite.com/sitemap.xml. Yoast u otro plugin puede crearlo para usted.
También puede utilizar la herramienta de faro de Google Chrome para obtener una lista de las URL externas que debe poner en el área Solicitudes DNS de precaptura de WP-Rockets en Precarga.
Cómo hacerlo:
- Ve a tu sitio web en un navegador Chrome
- Haga clic con el botón derecho y seleccione Inspeccionar elementos
- Seleccione “auditoría” en el menú superior
- Seleccione “Rendimiento” y ejecute la auditoría
- Busque “precargar solicitudes de claves” y haga clic en ese cuadro
- No copiar/pegar esas URL como se especifica en la parte de captura previa de WP-Rocket
WP-Rocket es compatible con Ezoic. Cuando se usa correctamente con la integración de servidores de nombres Ezoic, y la aplicación de almacenamiento en caché de Ezoic, los sitios a menudo pueden ver mejoras considerables en la velocidad del sitio web.
Cómo usar WP Disable para hacer que tu sitio web sea más rápido
WP Disable es un plugin que suena peligroso. Y aunque potencialmente podría ser, utiliza un lenguaje muy simple y buenas descripciones para ayudarle a entender mejor sus capacidades. En la mayoría de los casos, los editores de WordPress tienen una serie de archivos innecesarios y código que se pueden eliminar de las cargas de página.
Esto ayudará con el “bloqueo de render…” y “sin usar…” recomendaciones de las mediciones de velocidad del sitio. Para ello, realmente sólo necesitamos usar las pestañas resaltadas anteriormente en la herramienta. WP Disable nos da algunas características que nos pueden permitir optimizar el exceso de código que los otros plugins no.
Aquí hay algunas imágenes de mi configuración a continuación. Usted puede sentirse libre de jugar con la configuración usted mismo para ver cuáles pueden o no ser adecuados para su sitio.
Realmente aprecio la capacidad de las herramientas para permitirme cargar fuentes externas pesadas de forma asincrónica y administrar cómo se cargan todas mis fuentes. A menudo, las fuentes son un problema central con la velocidad del sitio, ya que la mayoría de los sitios utilizan fuentes de Google u otra fuente externa. Estos pueden llegar a ser bastante pesados y causar una desaceleración importante del sitio.
WP Disable es compatible con Ezoic,pero pronto la aplicación de velocidad del sitio Ezoic puede tener la capacidad de configurar mejor algunas de estas cosas automáticamente.
Cómo usar Asset CleanUp Pro para hacer que tu sitio web sea más rápido
Asset CleanUp Pro (ACP) ofrece una gran cantidad de características de forma gratuita, pero en muchos casos, querrás pagar la pequeña cantidad que requieren para actualizar a su versión premium. La versión Premium sólo proporciona un control más granular de los elementos de JS y CSS que es posible que desee un mejor control en su sitio web.
En ACP, puedes ignorar la mayoría de los ajustes principales, estas son cosas que podemos abordar mejor con los otros plugins. La principal ventaja de AssetCleanUp es que podemos identificar archivos específicos de nuestros informes de Pagespeed Insights que podemos querer abordar en todo el sitio, o simplemente en páginas específicas…
Example of how to use Asset CleanUp:
- Run a Google Pagespeed Insights report
- Click to open the results for “Eliminate render-blocking resources” and “Defer unused CSS”
- These will give you a list of files and URLs that are leading to longer load times
- Now, go to ACP in your WP dashboard
- Click on CSS & Javascript Load Manager at the top
- Now, you can navigate to pages that you may be able to disable specific files on
- Now, when opening pages or posts, you’ll find the ability to defer, asynch, or offload specific files or plugins across pages, posts, or single URLs
- In my example below, I use the social sharing widget and MailChimp plugins as files that are causing render-blocking that can be easily offloaded on any “pages” on my WordPress site. Both plugins are only necessary on my articles, not my whole site. I offloaded these files on all page types without harming my site.
Every site will have to be picky about the rules they set on each respective file. The pagespeed report can be a guide, but often you cannot remove or defer all the files it lists to ensure proper site function.
ACP does offer a testing mode you can use so that you can ensure your website remains operational as you experiment.
Using ShortPixel to serve images in next-gen formats
I went into deep detail of how WordPress websites can easily use ShortPixel to serve images in next-gen formats and compress all their images in a previous blog.
I highly recommend reading that blog if you see “Efficiently encode images” or “Serve images in next-gen formats” on Pagespeed Insight reports.
Using Ezoic to simplify WordPress site speed
La aplicación de velocidad del sitio de Ezoic está agregando rápidamente una serie de funciones y características que hacen que muchos de estos plugins sean innecesarios si eres un editor Ezoic.
Actualmente, puede utilizar la aplicación de velocidad del sitio en la tienda de aplicaciones Ezoic para:
- Eliminar CSS no utilizado
- Optimizar la entrega de CSS de bloqueo de renderizado
- Carga diferida o aplazar la carga de imágenes para imágenes fuera de la pantalla
Se han añadido nuevas características que le permiten hacer excepciones y simplificar gran parte de lo que he mostrado anteriormente utilizando el plugin Asset CleanUp.
De hecho, la aplicación Ezoic probablemente será mucho más fácil de usar y más eficaz que hacer esto manualmente. Por lo tanto, si usted es un usuario Ezoic, es posible que pueda ignorar la configuración del plugin ACP.
Como se mencionó anteriormente, Ezoic (y la aplicación de almacenamiento en caché Ezoic) puede ofrecer algunos impulsos bastante grandes para acelerar si el almacenamiento en caché se coordina correctamente con sus plugins de almacenamiento en caché. Es importante asegurarse de que esto funciona correctamente en su sitio. Si entra en Big Data Analytics desde > su > panel de control de Ezoic Site Speed Ezoic Caching, puede ver si el almacenamiento en caché ezoico está funcionando.
Si la mayoría están “fuera” o “se pierden” las reglas en la caché de su sitio pueden estar reemplazando algunos de los beneficios de Ezoic. Asegúrese de que no tiene períodos de almacenamiento en caché excesivamente cortos habilitados en su sitio o póngase en contacto con [email protected] si no puede averiguar cómo configurarlo correctamente.
Los sitios ezoic son más rápidos en promedio que los sitios en la parte superior
Cuando se configura correctamente, el sitio promedio de Ezoic WordPress normalmente funciona mejor que el original y mejor que los sitios enumerados en la parte superior.
Hacer que tu sitio web de WordPress sea rápido
Usando estos plugins y herramientas usted debe ser capaz de hacer su sitio más rápido. I highly recommend these blogs as well if you’re in the hunt to make your website fast.
Lastly, if you have any questions about your site’s speed please leave them below. I’ll do my best to provide advice.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]