Como Renderizar bloqueo de CSS y JavaScript

Si va y mide el rendimiento de su sitio web a través de herramientas en línea como Google PageSpeed ​​Insights , puede encontrarse con un pequeño problema conocido como Render Blocking CSS. También le indicará que debe resolver este problema si desea un rendimiento óptimo para su sitio web.

Como Renderizar bloqueo de CSS

Pero, ¿qué es Renderizar bloqueo de CSS en primer lugar?


En pocas palabras, se refiere a los scripts CSS que impiden que su sitio web se cargue correctamente. Como resultado, los visitantes tienen que esperar más tiempo antes de ver algo en su sitio web. Pero ¿por qué sucede esto? ¿Y cómo lo arreglas?

Bueno, para ayudarlo con todas sus consultas, hemos reunido una publicación detallada que cubre todo lo que necesita saber sobre Render Blocking CSS junto con diferentes métodos para solucionar este problema.

Entonces, sin más preámbulos, comencemos:

¿Qué es el bloqueo de renderizado CSS?

Técnicamente, "renderizar" por un navegador significa analizar el código HTML y mostrarlo en la pantalla. Un navegador web primero leerá todo el texto HTML y luego generará la página web para que el visitante la vea y use. Como tal, cuanto más CSS tenga en su sitio web, más tiempo le tomará al navegador analizarlo, lo que resulta en velocidades de carga más largas.

Esta es la razón por la cual CSS generalmente se considera como un recurso de bloqueo de renderizado. Pero al mismo tiempo, CSS es importante si desea crear un sitio web moderno y atractivo. Por lo tanto, el truco es lograr un equilibrio.

No exagere con demasiados archivos CSS o archivos CSS grandes. Manténgalo delgado y use trucos ingeniosos para entregarlos lo más rápido posible. Discutiremos todas estas técnicas en profundidad a continuación. Pero primero, comprendamos por qué es tan importante eliminar Render Blocking CSS.

¿Por qué debería ser eliminado?

Como se discutió anteriormente, Render Blocking CSS retrasará las velocidades de carga, y lo creas o no, la velocidad de carga de un sitio tiene un gran impacto en su éxito. Si un sitio tarda demasiado en cargarse, no solo irritará a sus clientes potenciales sino que también afectará su puntaje de SEO.

Según los estudios, un sitio web que tarda más de 2 segundos en cargar pierde visitantes a un ritmo exponencial. Por ejemplo, los sitios con un tiempo de carga de 2 segundos tienen una tasa de rebote del 6% . Esto significa que por cada 100 personas que visitan su sitio web, pierde 6 porque se impacientan.

Alrededor de 3 segundos, la tasa de rebote sube hasta el 11%. Y en la marca de 5 segundos, alcanza hasta el 38%, es decir, más de un tercio de todo el tráfico entrante perdido en un sitio web de carga lenta. Además, si su sitio web tarda más en cargarse, obstaculizará su puntaje de SEO, lo que dificultará la clasificación en los motores de búsqueda.

Entonces, no solo está perdiendo visitantes debido a la mayor tasa de rebote, sino que también está perdiendo tráfico de los motores de búsqueda al mismo tiempo. Como tal, es muy importante que solucione rápidamente cualquier problema de CSS de bloqueo de procesamiento que tenga en su sitio web.

Ahora que se dice eso, vale la pena señalar que hay muchas cosas que debe hacer para mejorar el rendimiento del sitio web , y arreglar Render Blocking CSS es solo una parte de esto. Sin embargo, es uno de los problemas más fáciles que se pueden resolver rápidamente con algunos ajustes menores.

Cómo eliminar CSS de bloqueo de renderizado

Como dijimos anteriormente, CSS se considera un recurso de bloqueo de renderizado, pero no podemos abandonar por completo su uso, ya que sigue siendo crucial para la apariencia del sitio web. Por lo tanto, el truco para minimizar su efecto en la velocidad de carga de un sitio es minimizar su uso por completo.

Puedes hacer esto:

Usando CSS en línea
Combinando archivos CSS
Y usando menos CSS
Si tiene conocimientos básicos de codificación, entonces hacer estos ajustes no será un gran problema. Alternativamente, si un desarrollador web diseñó su sitio web, puede conversar con ellos sobre la implementación de estos cambios.

Nota : También hemos incluido una sección dedicada para los usuarios de WordPress, repasando algunos plugins increíbles que pueden ayudar a corregir CSS Render Blocking.

Usar CSS en línea

Cuantos más archivos CSS tenga su página, más tiempo le tomará al navegador cargarlos. La mejor solución aquí es colocar los scripts CSS directamente en su HTML. Esto se llama alinear el CSS.

Todo lo que tiene que hacer es abrir uno de los archivos CSS y copiar el código. Luego debe pegar el CSS en su archivo HTML. Recuerde que CSS en línea va en la cabeza del documento HTML y usa la etiqueta Style. 
Después de incluir el código CSS, recuerde eliminar la llamada para el archivo CSS.

Tenga en cuenta que este método solo es aplicable a pequeños scripts CSS que utilizan algunas líneas de código. La inclusión de archivos grandes solo aumentará el tamaño del archivo HTML, lo que, a su vez, contribuirá a un mayor tiempo de carga.

Cuando vea archivos CSS grandes, se recomienda que utilice uno de los siguientes métodos:

Combinar archivos CSS

Si su sitio tiene demasiados archivos CSS, entonces cada uno de ellos contribuirá a velocidades más lentas a medida que el navegador cargue cada uno de ellos por separado. Una solución fácil a este problema sería combinar los múltiples archivos CSS en un solo archivo (o en algunos casos dos, según el tamaño de los archivos).

Debes notar que tu sitio web tiene un archivo CSS grande acompañado de varios archivos CSS más pequeños. Los archivos más pequeños generalmente son generados por los diferentes widgets y plugins que ha instalado en su sitio web. A algunos diseñadores también les gusta segmentar su CSS en varios archivos, ya que es más fácil administrarlos.

Ahora, dicho esto, ¿cómo combinas estos múltiples archivos CSS?

Bueno, es bastante similar a cómo alineas CSS. Abra uno de los archivos CSS compatibles y copie el código. Luego vaya al archivo CSS principal y pegue el código allí.

Solo recuerde eliminar la llamada para el archivo CSS inicial ya que ya no lo usará.

Si esto te parece un poco complicado, hay plugins que pueden hacer lo mismo y ayudarte.

Use menos CSS en general

Al usar menos CSS, queremos decir que solo debe usar CSS que realmente se necesita y eliminar todo CSS innecesario de su código. Pero, ¿por qué y cómo su sitio web tendrá CSS innecesario adicional, para empezar?

Bueno, el mayor culpable en esta área son los temas multipropósito de WordPress, especialmente aquellos con toneladas de opciones de personalización. Estos se basan en CSS para ayudar a los desarrolladores a realizar cambios de diseño rápidamente. Sin embargo, no todo el CSS es utilizado por el sitio web y termina hinchado y, por lo tanto, lo ralentiza.

Los sitios web diseñados con marcos como Bootstrap y Foundation enfrentan un problema similar. No todo el CSS utilizado se refleja en el sitio web resultante. Por lo tanto, no contribuye a las imágenes, el diseño o las funciones, sino que aumenta la carga.

Ahora arreglar esto requiere que seas técnico. 
Tendrá que investigar el código de su sitio y comenzar a eliminar CSS de bloqueo de procesamiento manualmente. Sin embargo, para los usuarios de WordPress, también hay plugins dedicados de WordPress que también pueden ayudarlo.
Renderizar bloqueo de JavaScript: una descripción general
Antes de comenzar a analizar cómo resolver este problema de JavaScript de bloqueo de procesamiento, primero vamos a comprender mejor qué es en primer lugar.

¿Qué es el JavaScript de bloqueo de procesamiento?

En la mayoría de los casos, los temas y complementos que usa en su sitio web de WordPress agregarán archivos JavaScript (JS) y de hojas de estilo en cascada (CSS) a la interfaz. Ahora, cuando un usuario intenta acceder a su sitio web desde su navegador, todos estos scripts se cargarán primero antes de que su sitio sea visible.

En términos generales, el navegador necesita cargar una cola de archivos JS, CSS y HTML antes de que el usuario pueda ver el contenido principal. Ahora, si tiene demasiados scripts JS que retrasarán la carga del contenido HTML principal. Esto, a su vez, ralentiza su sitio web y obliga a los usuarios a esperar.

Ahora, si la velocidad de carga de su sitio se ve afectada por JavaScript, estos fragmentos de código se denominan Render Blocking JavaScript.

¿Por qué deberías eliminarlo?
Render Blocking JavaScript hace que su sitio se cargue lentamente, lo que no solo quita la experiencia del usuario (UX) sino que también afecta su rendimiento de SEO.

Verás, a la gente no le gusta esperar. Si un sitio tarda más de 3 segundos en cargarse completamente, puede sufrir una tasa de rebote del 11% . El número sube al 38% si el tiempo de carga de su sitio es más de 5 segundos.

Con más personas rebotando en su sitio web, eventualmente los motores de búsqueda como Google moverán su sitio más abajo en sus resultados de búsqueda, lo que generará menos tráfico y menos personas en su sitio.

Ahora, solo solucionar su problema de bloqueo de procesamiento de JavaScript no lo llevará a la página principal de Google. Tampoco le ayudará a mejorar drásticamente sus velocidades de carga. De hecho, hay muchos factores que pueden tener un impacto en el tiempo de carga de su sitio. Sin embargo, te ayudará a dar un paso adelante.

La regla general es mantener el código de su sitio lo más mínimo y limpio posible. Además, asegúrese de que el contenido de la mitad superior de la página (la parte de su sitio web visible para sus visitantes de inmediato) se carga sin obstáculos.

Por lo tanto, para disfrutar de un tiempo de carga óptimo y ofrecer una mejor experiencia de usuario, se recomienda que resuelva sus problemas de JavaScript de bloqueo de procesamiento lo antes posible.

¿Cómo eliminar el bloqueo de renderizado de JavaScript?

Hay muchas formas diferentes de resolver el JavaScript de bloqueo de procesamiento que afecta a su sitio web. Algunos implican poner manos a la obra con un poco de codificación. Sin embargo, como sucede con WordPress, también puedes usar complementos para ayudarte.

Pero primero, veamos las cosas que podemos hacer manualmente, es decir, si y solo si ya sabe lo que está haciendo. Dado que cambiar estos archivos, especialmente en WordPress, puede indudablemente romper su sitio, le aconsejamos precaución.


Los 3 plugins principales para eliminar CSS  y JavaScript de bloqueo 

Resolver problemas de CSS   y JavaScript de Render Blocking jugando directamente con el código puede ser un poco complicado e intimidante para los usuarios sin experiencia en codificación. En lugar de romper accidentalmente su sitio web, le recomendamos que use uno de los siguientes plugins para ayudarlo.

Limpieza de activos


Asset CleanUp es un plugin gratuito súper popular y potente que escaneará automáticamente todas sus publicaciones y páginas y detectará todos los archivos CSS y JavaScript (JS) que se están cargando. Una vez hecho esto, le dará acceso a un tablero dedicado desde donde puede deshabilitar manualmente los archivos CSS que no necesita.

Para saber qué archivos no están siendo utilizados por su sitio web y están marcados como CSS Render Blocking, simplemente use una herramienta de medición de rendimiento en línea como Google PageSpeed ​​Insights. Una vez que sepa qué archivos CSS están causando el problema, simplemente desactívelos usando los siguientes pasos:

Paso 1 : instala el plugin. Para hacer esto, inicie sesión en su panel de WordPress y diríjase a plugins> Agregar nuevo . Ahora busque Asset CleanUp y presione el botón Instalar ahora, seguido de Activar.

Paso 2 : con el plugin instalado en su sitio web, busque la opción Asset CleanUp> CSS / JS Load Manager en la barra lateral izquierda. Aquí encontrará todo el contenido de su sitio web: página de inicio, páginas, publicaciones y tipos de publicaciones personalizadas. Selecciona cualquiera de ellos.

Página de configuración de limpieza de activos
Paso 3 : Ahora desplácese hacia abajo y debería ver todos los archivos CSS y JS activos para esa página web o publicación específica. Tendrá la opción de desactivar selectivamente cada uno de ellos.

Simplemente deshabilita el CSS Render Blocking y listo. Una vez hecho esto, haga clic en Actualizar .

Paso 4 : pasa a otra publicación o página y repite el paso 3.

Siga repitiendo hasta que haya deshabilitado todos los archivos CSS de bloqueo de procesamiento.

Nota : El plugin también viene con un modo de prueba dedicado . Se recomienda que primero desactive / desactive los archivos CSS en el modo de prueba y vea si rompe su sitio web.

2. WP Rocket

WP Rocket es un plugin de optimización premium para WordPress con toneladas de campanas y silbatos para mejorar el rendimiento y la velocidad de carga de su sitio. Además de ayudarlo a lidiar con Render Blocking CSS, el plugin también puede ayudarlo con la minificación de JS, las imágenes de carga diferida, diferir las solicitudes de JS y mucho más.

Tenemos una revisión dedicada de WP Rocket que analiza todas sus características y funcionalidades.

Aquí, repasaremos rápidamente una guía paso a paso sobre cómo puede usar el plugin para ayudarlo a resolver sus problemas de CSS Render Blocking.

Paso 1 : Instala el plugin en tu sitio web de WordPress. Como es un plugin premium, primero deberá comprarlo y luego descargarlo en su almacenamiento local (probablemente estará en un archivo .zip).

Después de descargarlo, inicie sesión en su panel de WordPress y diríjase a plugins> Agregar nuevo y haga clic en el botón Cargar plugin . Ahora busque el archivo .zip y cárguelo en su sitio web. La instalación demorará unos minutos.

Paso 2 : Una vez instalado y activado, navega hasta Configuración> WP Rocket . Aquí encontrarás todas las opciones de plugins.

Paso 3 : busque la configuración de optimización de archivos . Debajo de aquí debería ver una sección para archivos CSS .

Archivos CSS de WP Rocket
El plugin le ofrece tres opciones: Minificar archivos CSS, Combinar archivos CSS y Optimizar la entrega de CSS. Habilita las opciones y listo.

Solo recuerde que el uso de estas opciones puede potencialmente romper su sitio web. Por lo tanto, se recomienda que cree una copia de seguridad de antemano.

3 . Colibrí

Y, por último, tenemos Hummingbird , un plugin de optimización de uso gratuito y lleno de funciones para WordPress. Viene con una gran cantidad de características que comienzan desde el almacenamiento en caché y la minificación, hasta diferir archivos CSS y JS críticos, carga diferida y más.

Uno de los mejores aspectos del plugin es su opción de optimización con un clic que escanea automáticamente su sitio web y corrige problemas de rendimiento comunes sin que tenga que meter un dedo.

Sin embargo, para solucionar los problemas de CSS de Render Blocking, debe obtener un poco más de manual.

Paso 1 : Primero, debe instalar y activar Hummingbird en su sitio web.

Paso 2 : Una vez hecho esto, debería notar una nueva sección "Hummingbird" en la barra lateral izquierda de su panel de WordPress. Haga clic en él para acceder a todas sus opciones y configuraciones.

Paso 3 : vaya a la opción Optimización de activos y active Habilitar modo avanzado .

Paso 4 : ahora desplácese hacia abajo y debería ver una lista de todos los archivos CSS en su sitio web. Además de cada archivo CSS, hay opciones que le permiten comprimirlos , combinarlos e incluso alinearlos . También existe la opción de "no cargar el archivo".

Habilitar opciones avanzadas en HummingBird
Paso 5 : busque los archivos CSS de bloqueo de procesamiento que están causando el problema. Si no es necesario, seleccione la opción "No cargar el archivo". Si es necesario, puede comprimirlo, combinarlo o en línea.

Recuerde que habilitar cualquiera de estas opciones tiene la posibilidad de romper su sitio web. Por lo tanto, siempre se recomienda que realice una copia de seguridad de su sitio web antes de continuar.

Terminando

Así que esta fue nuestra guía completa en profundidad sobre qué es Render Blocking CSS y javascript y cómo puede solucionarlo para mejorar el rendimiento de su sitio web. Como puede ver, hemos incluido tanto plugins como ajustes básicos para ayudarlo a solucionar este problema.


AMP en tu sitio web de WordPress

Si se pregunta cómo configurar una página AMP de WordPress, no está solo. Los administradores de sitios web, en un intento de optimizar su sitio para usuarios móviles, investigan Google AMP, solo para encontrar más preguntas que respuestas.
¿Qué en el mundo es AMP? ¿Por qué lo necesito para mi sitio web? Si quiero páginas AMP, ¿cómo empiezo?
AMP en tu sitio web de WordPress

¿Qué es Google AMP?

Google AMP significa páginas móviles aceleradas de Google y es un catálogo de código abierto de páginas web que son aptas para dispositivos móviles. El objetivo de AMP es hacer que estas páginas móviles se carguen más rápido y sean más fáciles de recorrer.

En realidad, lo que sucede es que Google AMP crea un duplicado de su sitio web en formato AMP HTML, que se basa en tecnologías web previamente existentes.

Esto elimina muchos de los elementos en su sitio que hacen que se cargue más lento, a su vez, lo que lo hace más rápido. Además de eso, Google "aplana" su sitio para que se cargue aún más rápido.

Google lanzó AMP en octubre de 2015 con su enfoque principal en la velocidad. Eso tiene sentido porque el 53% de las personas abandonan un sitio web si tarda más de tres segundos en cargarse. Y el 73% de los usuarios móviles dicen que han visitado un sitio web demasiado lento.

Pero, ¿cómo afectan estos números a su balance final? ¿Por qué importa AMP?

El AMP es importante debido a esta estadística: un retraso de un segundo en el tiempo de carga puede resultar en una pérdida de conversiones del 7% .

Hoy en día, muchas empresas confían en sus sitios web para realizar conversiones, como probablemente sea el caso de su negocio. Entonces puede ver por qué un tiempo de carga rápido puede potencialmente hacer o deshacer el crecimiento de su empresa.

Aquí hay otra razón por la que AMP es importante: si un motor de búsqueda ve que su sitio no se cargará lo suficientemente rápido para los usuarios móviles, Google no lo mostrará en la parte superior de los resultados de búsqueda.

Es por eso que muchas de las compañías conocidas han implementado AMP en sus sitios, incluidos WordPress, Pinterest, LinkedIn y Reddit.

Para mantenerse al día con esta nueva innovación, nuestro propio tema, Astra , es en realidad uno de los pocos temas con compatibilidad nativa con AMP. Anunciado a principios de este año, es uno de los grandes avances que hemos dado para asegurarnos de que su sitio de WordPress esté actualizado con rapidez, en todos los dispositivos y plataformas.

Ventajas de usar AMP en tu sitio web de WordPress

¿Cómo puede el uso de un sitio AMP de WordPress beneficiar su tráfico y su negocio? Estas son las ventajas de optimizar para AMP.

AMP es gratis

Desde el lanzamiento de AMP, ha sido completamente gratuito para cualquiera. Es una de las muchas herramientas gratuitas que ofrece Google para los administradores de sitios web. Básicamente, Google quiere que las personas tengan una mejor experiencia al usar su servicio, y su sitio es parte de esa experiencia. Entonces, ¿por qué cobrarle para que su sitio sea más fácil de usar?

Impulso de optimización de motores de búsqueda

Google prefiere mostrar a los usuarios sitios que forman parte de AMP, por lo que tener páginas AMP en su sitio le brinda una mejor oportunidad de aparecer en la primera página de resultados de búsqueda.

Además, el uso de AMP ayuda a aumentar la velocidad de su página, que es un factor importante cuando se trata de SEO. Cuanto más rápido se cargue su sitio, es más probable que Google le otorgue una mejor clasificación en los resultados de búsqueda.

Además, Google AMP se asegura de que su sitio aparezca en el carrusel de Google Noticias, que es una prioridad más alta que los resultados superiores en el móvil.

Mejor experiencia de usuario

El uso de AMP no solo carga su sitio web más rápido, sino que también es más conveniente para los visitantes del sitio. La velocidad es uno de los factores más importantes para un sitio web. Como mencionamos anteriormente, la mayoría de las personas abandonan un sitio web si no se carga lo suficientemente rápido.

Por lo tanto, ofrecer a sus usuarios una mejor experiencia con AMP significa que podría ver menos rebotes, clientes más felices y un posible aumento en las ventas.

Rendimiento mejorado del servidor

Debido a que AMP elimina los elementos de su página que la ralentizan, el ancho de banda necesario disminuye. Y cuanto menos ancho de banda requiera su sitio, mejor será el rendimiento de su servidor.

Previene grandes marcos
Participar en AMP puede ayudar a evitar que los sitios utilicen grandes marcos de hojas de estilo en cascada (CSS) y JavaScript (JS).

Opciones de publicidad
Si su sitio está en AMP, tiene opciones de publicidad que pueden ser exclusivas para los usuarios móviles que visitan su sitio. Los anuncios aparecerán de manera diferente en sus páginas AMP que en su sitio normal, lo que significa que puede crear y compartir anuncios específicos para dispositivos móviles.

Optimización automática de imagen
Cuando crea una versión AMP de su sitio, todas sus imágenes se optimizan para usuarios móviles, incluida la conversión de imágenes al formato WebP cuando sea necesario. Por lo tanto, aún puede entregar una publicación o página de blog fácil de ver a sus visitantes móviles.

Es más fácil de lo esperado
Implementar AMP en su sitio de WordPress es mucho más fácil que muchas otras plataformas de creación de sitios web, gracias a algunos complementos muy útiles (más sobre eso a continuación).

Es de código abierto
Debido a que AMP es de código abierto, continúa mejorando. Además, es más seguro porque todo es público, lo que significa que hay menos posibilidades de que alguien o algo pueda corromper todo el sistema.

Los 4 mejores complementos de WordPress AMP

Configurar manualmente su sitio en Google AMP es complicado. Afortunadamente, hay muchos complementos AMP para WordPress que hacen que este proceso sea muy simple.

Así que echemos un vistazo a los cinco mejores complementos AMP de WordPress.

1. AMP (el complemento oficial de WordPress)

Complemento oficial de AMP para WordPress en WordPress.org
El complemento AMP de WordPress es bueno tanto para principiantes como para aquellos que buscan mejorar su optimización AMP en un sitio de WordPress. Sin embargo, los principiantes de WP pueden encontrarse con una curva de aprendizaje más que los expertos, ya que requiere una codificación simple.

Este complemento le brinda una guía que muestra cómo puede personalizar su sitio AMP. Aunque puede que no sea tan fácil de usar como algunos de los otros complementos de código abierto, constantemente lo desarrollan y lo mejoran.

Comience con AMP (el complemento oficial de WordPress)

2. AMP para WP

Página de descarga de AMP para WP
AMP for WP es un complemento que optimiza inmediatamente su sitio para Google AMP. Viene con extensiones, herramientas de diseño y soporte adicional.

Los desarrolladores lo actualizan regularmente para eliminar errores y agregar nuevas características, por lo que no se quedará atrapado con un complemento que nunca mejora. Es ideal para los principiantes de WordPress, ya que funciona sin requerir mucha experiencia.

AMP para WP le permite crear un diseño AMP que es diferente del diseño de su sitio web habitual, gracias a la función de editor AMP personalizado de arrastrar y soltar. Esto le brinda un control completo sobre lo que ven los usuarios de dispositivos móviles en lugar de dejarlo en manos de Google.

Comience con AMP para WP

3. AMP WP

Página de descarga de AMP WP en WordPress.org
AMP WP dice que puede hacer que su sitio móvil se cargue 5 veces más rápido usando sus funciones. Eso suena como una afirmación audaz, pero en realidad es creíble.

La lista de funciones gratuitas es bastante larga e incluye cosas como "Soporte completo de Google AMP" y "Compatibilidad automática de complementos de AMP".

Cuando instala el complemento, puede elegir la instalación automática, que es donde WordPress transfiere todos los archivos por usted y no tendrá que salir de su navegador web.

Comience con AMP WP

4. AMP en WordPress

AMP en la página de descarga de WordPress en WordPress.org
El AMP en WordPress: el plugin weeblrAMP CE tiene una versión gratuita y una de pago para crear páginas AMP. Puede crear una versión AMP completa de su sitio web, optimizando publicaciones, páginas, etiquetas, categorías e incluso archivos.

Si obtiene la edición premium, puede convertir automáticamente los formularios para que los usuarios puedan seguir utilizándolos fácilmente, incluidos los formularios de registro de MailChimp, Contact Forms 7, WooCommerce, WPForms y muchos más.

weeblrAMP viene con la configuración predeterminada, por lo que puede comenzar a trabajar para usted de inmediato. Y si es desarrollador, tiene control sobre cada parte del AMP: puede anular plantillas, filtros y acciones. Esto significa que su sitio AMP se verá y actuará de la manera más similar posible a su sitio real.

Ya sea que sea un usuario gratuito o un usuario pago, la interfaz está diseñada de forma sencilla, aunque está dirigida a desarrolladores y diseñadores.

Comience con AMP en WordPress

Cómo configurar Google AMP para WordPress

Ahora veamos los pasos para configurar Google AMP para su sitio web de WordPress. No es súper complicado, por lo que este tutorial debería eliminar la posibilidad de errores.

Utilizaremos el complemento AMP oficial de WordPress como ejemplo.

1. Instalar y activar el complemento AMP
Complemento AMP para la página de instalación de WP en el Panel de WordPress
Si está utilizando WordPress.com, no podrá instalar ningún complemento a menos que actualice a su plan de negocios.

Sin embargo, si tiene un sitio autohospedado en WordPress.org, podrá instalar cualquier complemento que necesite.

Para instalar un complemento, puede usar la función de búsqueda yendo a Complementos → Agregar nuevo, luego escribiendo “Complemento AMP” en la barra de búsqueda. Una vez que encuentre el complemento, haga clic en "Instalar ahora".

Si desea cargar el complemento AMP desde su computadora, simplemente presione el botón "Cargar complemento" en la parte superior de la página y cargue su complemento.

A continuación, deberá activarlo. En la página "Instalación del complemento", presione el enlace "Activar complemento" para que el complemento comience a funcionar en su sitio.

2. Ajuste la configuración
Configuración de AMP en el panel de WordPress
Después de activar el complemento, ahora puede ajustar la configuración para personalizar el aspecto de sus páginas AMP.

Vaya a la pestaña AMP> General en el tablero. Aquí es donde puede configurar el complemento.

Una vez que haya ajustado la configuración a su gusto, presione el botón "Publicar". Su sitio AMP no será visible para los usuarios y Google no podrá descubrirlo.

También puede elegir si sus publicaciones, páginas o ambas se mostrarán en su sitio AMP. Anule la selección de la casilla de verificación de Plantillas compatibles y verá más opciones.

Elija las opciones requeridas y haga clic en " Guardar cambios ".

3. Obtenga una vista previa de sus páginas AMP
Ahora puede obtener una vista previa de su sitio AMP antes de publicarlo. Simplemente visite cualquiera de sus páginas o publicaciones de blog y agregue / amp / al final de la URL.

Aquí hay un ejemplo:

http://su-sitio.com/blog-post-title/amp/

Con eso, sabrá si su sitio AMP está listo para funcionar.

Cómo probar que Google AMP funciona correctamente

Ahora debe asegurarse de que su sitio AMP funciona correctamente. Hay dos formas principales de validar su AMP de WordPress, las cuales le darán una lectura de su código y cualquier error que deba corregir.

Herramienta de prueba de AMP de Google

La forma en que prueba su sitio AMP de Google es a través de la herramienta de prueba AMP de Google . Lo lanzaron en octubre de 2016, solo un año después del lanzamiento de AMP.

Entonces, ¿cómo se usa la herramienta de prueba de Google AMP?

Bueno, una vez que llegue a la página principal de la herramienta de prueba, simplemente ingrese la URL de su sitio, página o publicación en el cuadro y presione " Probar URL ". Alternativamente, puede pegar el código de su sitio web y hacer clic en " Probar URL ".

Luego, el robot de Google analizará la optimización AMP de su sitio, incluida la validez de su marcado AMP y datos estructurados.

Si tiene un sitio optimizado para AMP válido, esta herramienta le mostrará una vista previa de cómo se verán sus páginas AMP en la página de resultados de búsqueda de Google.

Esta herramienta hace que sea mucho más fácil encontrar errores de AMP en su sitio, y puede ayudarlo a mostrar el código que está causando el problema. También puede compartir fácilmente los resultados del análisis con los miembros de su equipo haciendo clic en el botón compartir en la esquina inferior derecha.

Validación manual
También puede validar su AMP de WordPress manualmente.

Primero, abra una de sus páginas AMP. Luego agregue lo siguiente a la URL:

A continuación, abra la consola de herramientas de desarrollador en su navegador. Si su página AMP tiene algún error, aquí es donde los verá resaltados en rojo. También verá una explicación de la causa.

Muchas veces, los errores de validación ocurren debido a prefijos inválidos, códigos incorrectos y / o etiquetas que no están permitidos. La mayoría de las veces, la solución se da justo al lado de la explicación del error.

Pero ese no es siempre el caso. Cuando eso suceda, necesitará saber cómo corregir esos problemas.

Resolver problemas de Google AMP
Además de darle una lectura de los errores de validación, Google a menudo le notificará directamente sobre cualquier problema de AMP, así como sobre los pasos para corregirlos.

Pero debe tener en cuenta los errores comunes de AMP y cómo solucionarlos porque Google no siempre proporciona la respuesta.

A continuación, verá los problemas de AMP más comunes y cómo resolverlos. También puede ver una lista completa de los errores AMP específicos de Google aquí .

Error 404 (URL no encontrada)
Como mencionamos anteriormente, debería poder agregar / amp / al final de sus páginas AMP después de instalar el complemento AMP. Sin embargo, es posible que vea un error 404 justo después de instalar el complemento. Afortunadamente, es un problema menor con una solución fácil.

Simplemente necesita actualizar los enlaces permanentes. Para hacer esto, vaya a Configuración> Enlaces permanentes . Luego, sin hacer ningún cambio, haga clic en " Guardar ".

Básicamente, esto actualiza la estructura de enlaces permanentes, incluidas las versiones AMP de la página. Esto debería corregir el problema de 404 AMP al instante.

Páginas en blanco de AMP
Dependiendo del complemento de AMP que use, puede ver que su sitio de AMP carga páginas en blanco o simplemente no carga. Esto generalmente significa que sus páginas AMP están allí, pero tienen errores.

Primero, actualice los enlaces permanentes como lo hizo con el error 404. Configuración> Enlaces permanentes> Guardar .

Si eso no corrige el problema, deberá ir a AMP> General . Asegúrese de que las casillas de verificación " Plantillas " y " Páginas " estén marcadas, luego presione " Guardar ".

Esto debería corregir el problema. Vea la versión AMP de cualquier publicación o página de blog para asegurarse.

"Se requiere un valor para el campo del logotipo"
Uno de los problemas más comunes de AMP en WordPress es recibir el mensaje de error, " Se requiere un valor para el campo del logotipo " en el informe de error.

Este tiene una solución simple. Significa que no ha agregado un favicon o logotipo a su sitio AMP.

Para agregar un favicon, vaya a Apariencia> Personalizar> Identidad del sitio . En " Icono del sitio " , haga clic en " Seleccionar imagen " para cargar su logotipo. Una vez cargado, haga clic en " Publicar ".

"URL no válida para el atributo HTML 'href' en la etiqueta 'a'"
Si su informe de error muestra “URL no válida para el atributo HTML 'href' en la etiqueta 'a'” o algo similar, esto significa que su sitio AMP tiene un enlace que apunta a un sitio web inexistente o con error 404.

Para solucionar este problema, haga clic en el error y vea la versión en vivo. Hacer esto probará su página AMP en formato HTML y se resaltará la línea donde se encuentra el error.

Si la comprensión de los códigos HTML suena abrumadora, puede visitar la página AMP y probar cada enlace, luego corregir o eliminar los enlaces rotos.

Duplicar secuencias de comandos .js
Cuando agrega un script .js a su página AMP, verifique que no lo haya agregado accidentalmente dos veces. Si lo hizo, causa un error.

Para solucionarlo, simplemente elimine los scripts .js adicionales hasta que tenga solo uno.

No coinciden los contenidos
Cuando recibe un error de "falta de coincidencia de contenido" en AMP, eso significa que hay contenido en la página web que falta en la versión de AMP. Por lo general, este es un video incrustado que puede haber sido eliminado.

Entonces, no solo se ve mal, sino que también generará este error.

Para solucionarlo, simplemente elimine o reemplace el video o lo que sea el elemento de la página.

Contras de Google AMP

Por ahora, puede pensar que participar en Google AMP es obvio. Pero, al igual que cualquier otra cosa, tiene un lado negativo.

Restricciones CSS y JS
Aunque limitar los marcos CSS y JS ayuda a que los sitios se carguen más rápido, puede terminar eliminando elementos de marca, como gráficos, animaciones e imágenes de alta definición. Y una cosa que hace que un sitio sea único y amigable es la marca. Es posible que haya escrito una publicación de blog que usa infografías; con Google AMP, se pueden eliminar.

Muestra solo páginas en caché
AMP solo muestra páginas en caché, lo que significa que los usuarios pueden no tener acceso a su contenido más reciente. ¿Por qué pasó esto? Porque Google puede mostrar resultados más rápido al cargar sus páginas en caché.

Opciones de ingresos publicitarios limitados
Google AMP le permite anunciar, pero el proceso es complicado y ofrece una integración limitada con otras plataformas publicitarias. Este es el proceso paso a paso para usar anuncios en AMP .

Puede dañar el compromiso
Aunque la idea de Google AMP es aumentar el compromiso, algunas personas informan que usar AMP genera tasas de rebote mucho peores y menos sesiones de página.

Problemas de seguimiento
Las estadísticas de sus páginas AMP se rastrean y almacenan por separado y de manera diferente a su sitio real. Por lo tanto, a menos que sea muy cuidadoso y organizado, puede terminar perdiendo el rastro de las estadísticas de su sitio.

El principal beneficio de usar un sitio de WordPress AMP

Si su sitio web se carga incluso un segundo o dos más lentamente, podría afectar drásticamente el tráfico de su sitio web. Su tasa de rebote podría aumentar. La experiencia del usuario es pobre. Y es posible que Google no clasifique bien su sitio porque nota que es lento.

La velocidad es lo principal positivo para implementar un complemento AMP de WordPress. Aunque el uso de AMP puede ayudar con el SEO, mejorar el rendimiento de su servidor y optimizar sus imágenes, tener un sitio web rápido es la razón más convincente para usarlo.



El almacenamiento en caché de Wordpress

El almacenamiento en caché de objetos implica el almacenamiento de consultas de la base de datos y, cuando está habilitado en su sitio de WordPress, puede ayudar a acelerar los tiempos de ejecución de PHP, reducir la carga en su base de datos y entregar contenido a sus visitantes más rápido.
El almacenamiento en caché de Wordpress
En lugar de cargar cada parte de un sitio web cada vez que un usuario accede a él, el almacenamiento en caché de objetos almacena consultas de la base de datos que pueden recuperar contenido más rápidamente cuando sea necesario. Hay muchos tipos diferentes de almacenamiento en caché de objetos, como el almacenamiento en caché del navegador, la página, el móvil y el usuario.

En esta guía, analizaremos en profundidad el almacenamiento en caché de objetos y explicaremos cómo funciona con WordPress.

¿Qué es el almacenamiento en caché de objetos en WordPress?

El almacenamiento en caché de objetos es un proceso que almacena los resultados de la consulta de la base de datos para recuperarlos rápidamente la próxima vez que se necesiten.

El objeto en caché se servirá rápidamente desde la caché en lugar de enviar múltiples solicitudes a una base de datos. Esto es más eficiente y reduce cargas masivas innecesarias en su servidor.

En términos simples, el almacenamiento en caché de objetos permite que los objetos que se usan a menudo se copien y almacenen en una ubicación más cercana para un uso más rápido.

Una base de datos eficiente permite que los sitios web grandes de alto tráfico sirvan medios de alta calidad en todo el mundo.

La sobrecarga de su servidor dará como resultado un rendimiento deficiente del sitio web y una experiencia de usuario negativa. Cuando configura el almacenamiento en caché de objetos en su sitio web, aliviará la tensión en su servidor y creará consultas en la base de datos solo cuando sea necesario.

Aquí hay un desglose básico paso a paso de cómo funciona el almacenamiento en caché de objetos.


  • Cuando un navegador accede a su sitio, realiza una solicitud de información del servidor.
  • Su servidor recibe la solicitud, comienza a procesarla y entregarla, y luego devuelve el objeto al navegador.
  • Con el almacenamiento en caché de objetos deshabilitado, esta consulta de base de datos se realizará cada vez que un usuario acceda a su sitio. 
  • Con el almacenamiento en caché de objetos habilitado, su servidor creará un duplicado de cada solicitud realizada en su caché.
  • La próxima vez que se realiza una solicitud similar, primero se verifica el caché y la solicitud se atiende desde allí, en lugar de consultar la base de datos.
  • Si no existe una copia, se realiza una solicitud a la base de datos para ser procesada y compilada. Una vez que se procesa, se envía de vuelta al navegador y se realiza una copia en la memoria caché para uso futuro.
  • El almacenamiento en caché de objetos puede ayudar a evitar que su servidor consulte su base de datos innecesariamente. 


Esto es altamente beneficioso para los sitios web de alto tráfico o para las horas ocupadas del día.

Puede pensar que esto solo debe aplicarse a grandes sitios web globales con tráfico pesado diario. Si bien esto es más cierto cuanto más grande es un sitio web y más se accede a él, esto puede ayudar a los sitios pequeños a optimizar una práctica y ofrecer una mejor experiencia de usuario.

Es probable que un sitio con poco tráfico no sobrecargue un servidor y pueda procesar, compilar y servir páginas varias veces al día. Sin embargo, el almacenamiento en caché de objetos en este caso permitirá que su sitio web disfrute de una carga de servidor ligera y velocidades de servicio más rápidas. Sin embargo, un sitio web grande exigirá más de su servidor y tendrá que procesar solicitudes mucho más grandes con una frecuencia mucho mayor y procesar y compilar páginas más rápido.

¿Cuáles son los diferentes tipos de almacenamiento en caché de objetos?

Diferentes tipos de almacenamiento en caché

El almacenamiento en caché puede ser el almacenamiento en caché del lado del cliente o del servidor. Como indican los nombres, la diferencia está en dónde se almacena el caché. La mayoría de los usuarios pueden estar familiarizados con un tipo de almacenamiento en caché del lado del cliente, almacenamiento en caché del navegador.

El navegador de un usuario hace una copia de una página web estática para que cuando visiten la página la próxima vez que alguien, el contenido se extraiga del caché de su computadora en lugar de tener que hacer una consulta en la base de datos y esperar la respuesta del servidor. Esto ocurre con mayor frecuencia para la mayoría de los usuarios de Internet cuando visitan regularmente un sitio web de alto tráfico y notan que se carga muy rápidamente.

El almacenamiento en caché de objetos es un tipo de almacenamiento en caché del lado del servidor. Eso significa que la memoria caché se almacena en el servidor y las consultas almacenadas en caché se sirven desde allí.

El almacenamiento en caché de objetos mantiene los resultados de la consulta de la base de datos que ya se han cargado y luego los sirve más rápido en la siguiente solicitud sin tener que consultar la base de datos.
Seremos muy detallados en nuestra discusión sobre el almacenamiento en caché de objetos, pero el almacenamiento en caché de páginas y el almacenamiento en caché de CDN son algunos tipos adicionales de almacenamiento en caché del lado del servidor.

El almacenamiento en caché de la página almacena los resultados de toda la página web, incluido HTML y contenido, de modo que en su próxima vista, el contenido se puede abrir sin que WordPress tenga que volver a cargarlo.

Esto es excelente para las velocidades del servidor, ya que significa que WordPress no necesita procesar y entregar la página cada vez que alguien la visita. Sin embargo, puede significar que esas páginas permanecerán desactualizadas si se actualiza el contenido. Puede establecer vencimientos si actualiza su contenido regularmente, pero este método de almacenamiento en caché a veces puede ser frustrante.

Redes de entrega de contenido (CDN) que utilizan múltiples servidores en diferentes partes del mundo para almacenar archivos y contenido del sitio web.
Esto acelera la entrega de las páginas web y el contenido a los usuarios que están al otro lado del mundo.
Esto proporciona una experiencia de usuario confiable, ya que permite que el contenido sea servido desde múltiples servidores.

Caché de objetos persistente: Redis, Memcached y APC

El almacenamiento en caché persistente de objetos lleva este proceso un paso más allá.
En lugar de almacenar en caché cada página o cada objeto todo el tiempo, el almacenamiento en caché de objetos persistente permite que los objetos que aparecen varias veces se almacenen en caché una vez y se sirvan cuando sea necesario.
Se recomienda si tiene mucho contenido repetido o si está intentando escalar su sitio web.
Puede eliminar una gran cantidad de tráfico innecesario hacia y desde su servidor y proporcionar una mejor experiencia general para el usuario.

Echaremos un vistazo a algunas herramientas populares de almacenamiento en caché de objetos persistentes, como Redis, Memcached y APC.
Estas son herramientas poderosas que proporcionan un almacenamiento de datos rápido que reducirá la carga en la base de datos de su sitio web.
También mejorarán el tiempo de respuesta y la capacidad de tráfico de su sitio web.
Esto le quita mucha tensión a su servidor al simplificar sus procesos básicos, lo que le permite concentrarse en el contenido, el negocio y el crecimiento de su sitio web.

Redis


Redis es, con mucho, uno de los principales plugins de WordPress para el almacenamiento en caché de objetos persistentes. Redis es un almacén de estructura de datos de código abierto en memoria. Es una base de datos, caché y centro de mensajes, todo en uno.

Funciona con muchas estructuras de datos como cadenas, hashes, listas, conjuntos y más. Redis viene con una serie de características sólidas, que incluyen replicación integrada, secuencias de comandos y persistencia en el disco. Redis Sentinel y Redis Cluster proporcionan características adicionales que incluyen alta disponibilidad y particionamiento automático, respectivamente.

El conjunto de datos en memoria es la característica clave de las altas prestaciones que ofrece Redis. Puede editar la persistencia de un objeto asignando un tiempo para actualizar y volcar datos nuevos o registrando nuevos cambios para actualizar cuando reinicie Redis. Alternativamente, esta característica se puede deshabilitar si necesita contenido para actualizar regularmente.

El complemento de WordPress más popular para usar es Redis Object Cache, con más de 30,000 instalaciones. Es fácil de instalar y configurar. Una vez que se activa el complemento, navegue a Configuración> Redis y haga clic en "Habilitar caché de objetos".

Memcached


Memcached también es un almacenamiento en caché de memoria distribuida de código abierto. Similar a Redis, se utiliza para optimizar el tráfico para procesos web dinámicos aligerando la base de datos de carga. Memcached almacena objetos de datos en la memoria dinámica. Una manera fácil de pensar en esto es como "memoria a corto plazo". Toda la información se almacena en la RAM, por lo que una vez que se agota la memoria libre, los datos más antiguos se eliminan y se reemplazan.

Memcached almacena datos basados ​​en valores-clave para pequeñas cadenas u objetos arbitrarios, y se compone de cuatro componentes principales. El software del cliente proporciona al cliente una lista de servidores disponibles para usar. Un algoritmo de hash basado en el cliente permite seleccionar un servidor en función de una clave. El software del servidor administra y almacena valores y claves en una tabla hash. Por último, Memcached es, de forma predeterminada, un caché menos utilizado recientemente (LRU) y arrojará o caducará los datos antiguos según sea necesario.

Memcached asigna a cada elemento una clave, tiempo de vencimiento y datos sin procesar. Cuando el usuario solicita un contenido o datos, Memcached primero buscará en la memoria caché para ver si está almacenado allí. Si es así, recupera los datos desde allí y no necesita verificar la base de datos. Si los datos no están en el caché, Memcached consultará la base de datos, procesará los datos y los almacenará en Memcached.

Cada vez que los datos cambian o caducan, Memcached actualizará automáticamente el caché para cargar contenido nuevo. El software realiza un seguimiento y recupera todos los datos utilizando algoritmos de hash y una tabla de hash interna a la que se accede y se hace referencia constantemente.

Hay una serie de complementos compatibles que admiten Memcached, y cuando esté instalado verificará que se haya instalado Memcached en su servidor. W3TC es un excelente complemento que admite Memcached (así como Redis). Una vez que esté instalado y activado, navegue a Configuración general> Método de caché de página y seleccione Memcached.

APC


La caché PHP alternativa (APC) es una caché PHP libre y abierta de código de operación, que proporciona un marco sólido para el almacenamiento en caché y la optimización del código PHP. APC es diferente de Redis o Memcached, ya que se centra solo en el almacenamiento en caché de PHP. Al reducir las ejecuciones dinámicas de PHP, las ejecuciones de script se ejecutan de manera eficiente. Cuando un navegador realiza una solicitud de página, el servidor analizará el código en su script PHP y luego generará el código HTML resultante que se mostrará como una página en el navegador del usuario.

PHP es ideal para sitios web que se actualizan regularmente con nuevo contenido, de modo que cada visitante nuevo recibe una página actual. Si su script PHP está obteniendo información de una base de datos, APC generará y almacenará automáticamente un nuevo código para el próximo visitante. Tener que hacer esto en tiempo real cada vez que un nuevo usuario accede a su sitio web puede ralentizar enormemente su servidor. APC simplifica ese proceso para reducir las cargas del servidor. Al utilizar APC, se evitan las ejecuciones de scripts PHP redundantes, omitiendo el análisis y la compilación. APC registra el código de operación que se ejecuta cada vez que se necesita el script.

Cómo funciona APC


El almacenamiento en caché de APC lo ejecuta Zend Engine y se realiza en cinco pasos. Primero, APC leerá el código PHP de la base de datos y lo escribirá en la memoria. Luego, el PHP se cambia a tokens llamados, o Lexicons. Este proceso se llama Lexing. El tercer paso es el análisis, que procesa esos tokens para crear expresiones significativas.

Luego, durante la compilación, estas expresiones se organizan en códigos de operación. La ejecución es el último paso, cuando se ejecutan los códigos de operación para producir un resultado final que se servirá al navegador del usuario. APC tiene como objetivo reducir la cantidad de tiempo que deben ejecutarse los primeros cuatro pasos, centrándose en la organización y la ejecución.


Instalación de APC


Hay dos formas de instalar APC, desde un repositorio o usando PECL. Examinaremos ambos lados y veremos qué opción funciona mejor. Debido a que APC se ejecuta a nivel de servidor, no se puede usar en servidores de alojamiento compartido. Deberá tener un VPS o un servidor dedicado para instalarlo. Se recomienda el método de repositorio si es posible, ya que siempre es preferible tener datos en su propio servidor. Además, si elige este método, no se necesita realizar nada adicional en WordPress, ya que el almacenamiento en caché se realiza a nivel del servidor.

Usando PECL, el último archivo fuente debe ser descargado y compilado para su computadora. Este puede ser un buen método de uso, pero no es tan confiable como una instalación a nivel de servidor, ya que puede estar sujeto a problemas relacionados con actualizaciones o compatibilidad.


Configuración APC


Una vez que se completa la instalación, APC debe habilitarse en el archivo de configuración de PHP. SI instaló APC desde un paquete de repositorio, esto ya se hará por usted y es posible que solo necesite reiniciar su base de datos. Esta configuración debería ser suficiente para comenzar, pero puede configurar aún más APC.

Un parámetro que debe cambiar es apc.shm_size , que determina la cantidad de memoria que se utilizará para APC. De manera predeterminada, se establece en 30 MB, pero se recomienda aumentar este número a 64, 128 o incluso 512 MB, según sus necesidades, recursos, aplicaciones y RAM disponible en el servidor.

¿Cuáles son los beneficios de usar el almacenamiento en caché de objetos?
Muchas de las tareas requeridas por los servidores y sitios web son serviles, repetitivas y necesarias para que el sitio funcione correctamente.
El almacenamiento en caché de objetos maneja una gran cantidad de este trabajo, reduciendo drásticamente las cargas del servidor.
Esto permite que el contenido se sirva mucho más rápido mientras se mantiene una carga ligera en el servidor. El almacenamiento en caché de objetos es beneficioso tanto para los consumidores como para los proveedores de contenido, ya que esencialmente afecta la forma en que se entrega y recibe la preocupación.

Hay una serie de beneficios adicionales de almacenamiento en caché eficiente de objetos. La distribución de cachés de contenido en diferentes lugares de la red crea una mejor y más rápida accesibilidad para los usuarios.
Cuando el contenido está más cerca y es más fácil de acceder, esto reduce la carga del servidor y, finalmente, los costos del servidor.
Además, su servidor o sitio web se vuelve mucho más interconectado y receptivo de esta manera.
La proximidad y el acceso a los archivos hacen que las tareas sean más eficientes y la interactividad del usuario más rápida.

También podrá obtener un mejor rendimiento de su hardware si estas tareas están optimizadas.
El almacenamiento en caché de objetos permite que su hardware descanse y se centre en un trabajo más exigente, mientras que el contenido puede aprovechar otros servidores potentes entre el contenido y el consumidor.

Con el almacenamiento en caché de objetos, su contenido también permanece disponible durante los picos o interrupciones de la red, ya que está siendo servido por otro lugar. En el caso de una interrupción o una carga pesada, su sitio web no tiene que depender completamente de su servidor para servir contenido a sus usuarios.

Configuración de WP_Object_Cache


WordPress tiene su propio caché de objetos incorporado llamado WP_Object_Cache. Esta herramienta almacena automáticamente cualquier dato nuevo desde la base de datos a la memoria PHP mientras evita las redundancias. Sin embargo, WP_Object_Cache almacena en caché los objetos solo para una sola carga de página.
El objeto se descarta de la memoria caché una vez que se completa la solicitud, y tendrá que reconstruirse desde la próxima vez que se realice una solicitud para esa página.

Esta es una gran característica incorporada para que Worpress la integre, y puede ayudar a cualquier sitio administrado de alojamiento de WordPress a funcionar de manera más eficiente al no consultar solicitudes similares.
Sin embargo, para escalar su sitio web, interactividad o alcance, esto no será suficiente o eficiente.

Las soluciones de almacenamiento en caché persistente pueden entrar en juego aquí, ya que el almacenamiento en caché de objetos es inmensamente más poderoso cuando los objetos se pueden almacenar en caché en el transcurso de múltiples solicitudes de página. Esto ayudará a optimizar el tiempo extra de su servidor y base de datos a medida que continúe agregando contenido a su sitio web.

Por defecto, WordPress tendrá habilitado el almacenamiento en caché de objetos incorporado. Si tiene un sitio con poco tráfico o uno que no tiene mucho contenido, entonces esta característica puede ser suficiente para usted.
Sin embargo, si no está satisfecho con las velocidades de respuesta de su servidor, o si tiene un contenido pesado o un sitio de alto tráfico, considere usar una de las soluciones de almacenamiento en caché de objetos persistentes mencionadas anteriormente.

Preguntas frecuentes sobre el almacenamiento en caché de objetos
El almacenamiento en caché de objetos puede generar una serie de preguntas sobre qué herramienta utilizar, cómo instalarlos y cómo afectará todo esto a su sitio. En pocas palabras, el almacenamiento en caché de objetos tiene el potencial de mejorar inmediatamente el rendimiento de su sitio web y reducir las cargas de su servidor, sin importar el método que elija. Algunos métodos pueden ser mejores que otros para usted, mientras que otros pueden no ser una opción dada la configuración de su sistema.

¿Romperá mi sitio?
No hay ninguna razón por la cual el almacenamiento en caché de objetos deba romper su sitio. Siempre que instale las herramientas correctamente, su sitio web debería funcionar mejor y más rápido. Si usa el almacenamiento en caché de APC y la instalación a través de PECL, puede experimentar problemas en el sitio debido a actualizaciones o compatibilidad de firmware. Para garantizar que esto no ocurra, use el método de instalación del servidor para APC o use otra herramienta de almacenamiento en caché de objetos persistentes.

¿Puedo usarlo junto con otros métodos de almacenamiento en caché?
Se recomienda tener instaladas solo una vez las herramientas de almacenamiento en caché, ya que esto permite que la base de datos sea creada por un complemento o herramienta. Si sus propósitos específicos pueden requerir que use dos o más herramientas de almacenamiento en caché, asegúrese de que las configuraciones se complementen entre sí y no realice acciones opuestas o redundantes. Si esto no está configurado correctamente, puede experimentar archivos o bases de datos duplicados, pero no necesariamente cualquier problema del sitio. Con el tiempo, sin embargo, los duplicados pueden ocupar espacio y ralentizar la respuesta del servidor.

¿Qué tipo de resultados de rendimiento puedo esperar al usar el almacenamiento en caché de objetos?
Una vez configurado, debería ver una mejora inmediata en la respuesta del servidor y la carga del servidor. Su sitio web debería funcionar más rápido y al mismo tiempo usar menos recursos para servir contenido. Los usuarios de puntos geográficos alejados de su servidor tendrán mejores experiencias para acceder a su contenido. El primer resultado notable es una experiencia de usuario mejorada.

Para servidores más grandes y productores de contenido, la carga reducida de su servidor puede reducir su costo, especialmente durante un período de tiempo más largo. Además, libera mucho espacio valioso en el servidor.

Conclusión

El almacenamiento en caché de objetos es una herramienta que se utiliza en la web para mejorar las experiencias del sitio web, reducir las cargas del servidor y acelerar la interacción del usuario. De forma predeterminada, los sitios de WordPress tienen activado el almacenamiento en caché de objetos de sesión única, para ayudar a optimizar las experiencias de los sitios de forma predeterminada. Para muchos proveedores de contenido más pequeños, esto puede lograr sus objetivos.
Alternativamente, pueden no ser conscientes de cómo pueden optimizar la entrega de contenido mediante el almacenamiento en caché de objetos.

Las soluciones de almacenamiento en caché de objetos persistentes como Redis, Memcached o APC pueden ser necesarias para productores de contenido más grandes con más sitios web con muchos datos. Esto permite que las bases de datos se almacenen en caché en varias sesiones. Para sitios web masivos con videos, imágenes y medios, esto puede significar cambios drásticos para la experiencia del usuario y para las velocidades, cargas y costos del servidor.



SEPARADOR

EWP