Optimización de la división de la división: la última guía

Div no es un constructor de páginas. La división a pesar del proceso de diseño a un nivel completamente nuevo, con un sistema de diseño web completo que le permite diseñar visualmente cada parte de su sitio web. Pero eso no significa que Div tenga que ser lento. Lejos de. Las funciones integradas de la optimización de la velocidad de velocidad y rendimiento pueden colocar fácilmente su sitio en la parte superior de la lista en los puntajes de Google PageSpeed. Con funciones como módulos de marco dinámico, CSS dinámico, bibliotecas dinámicas de JavaScript y muchas más, DIV ahora es un creador de páginas robusto y un tema ligero. Pero qué tan rápido es DIV, hay otros factores que requieren optimización. Y si no se aborda, la velocidad de su sitio sufrirá inútilmente.
En esta publicación, exploraremos lo que ya se ha hecho para acelerar la división y lo que podemos hacer para que sea aún más rápido. Aquí hay algunos temas clave a los que nos acercaremos:
Rendimiento de WordPress vs rendimiento de la divicidad
Las funciones que optimizan la velocidad y el rendimiento incorporados del DIV
El marco del módulo dinámico
Bibliotecas de JavaScript dinámica
Posponiendo a JQuey y Jquey migran
Dinámica CSS
CSS Crítico
La altura del umbral crítico
Subir una hoja de estilo dinámico en línea
Mejorar la carga de las fuentes de Google
Desactivar WordPress Emoji
Bloque de Gutenberg pospuesto CSS
Iconos dinámicos
Soporte nativo de scSet para imágenes receptivas
14 cosas que puede hacer para optimizar su velocidad y rendimiento
# 1 Actualiza tu alojamiento
Optimización de TTFB # 2
# 3 Optimice la base de datos de su sitio.
# 4 Optimice su DNS
# 5 Use una red de entrega de contenido (CDN)
# 6 Agregar caché
# 7 Agregar descuento y agregación
# 8 Habilitar compresión de GZIP# 9 Optimización de imágenes
# 10 Optimización de video
# 11 Construya su Página de Div para Speed
# 12 Use complementos con cuidado y claridad
# 13 Pruebas de velocidad de conducción
# 14 Considere nuestro esquema de páginas de división de alta velocidad
El uso de Div y otros complementos de rendimiento de terceros
Otros consejos
WordPress Performance Vs Divicance Divine no suele ser el principal factor determinante en el rendimiento de su sitio web. Es solo una pieza del rompecabezas. También debe considerar las necesidades de optimización subyacentes a un sitio de WordPress en general. Div (el tema de Div y / o Divi Builder) está por encima de WordPress (CMS), que está por encima de una pila de software del servidor, que está por encima de una infraestructura de alojamiento. Todas estas cosas deben ajustarse correctamente. Para empezar, incluyen cosas como un buen alojamiento, almacenamiento de caché y un CDN. Sin estas optimizaciones básicas, un sitio de división será más lento, sin importar qué tan bien optimizamos el DIV. Entonces, si su sitio de Divin es muy lento, entonces debe considerar estas otras piezas del rompecabezas.
Dadas las necesidades de optimización bajo la base de un sitio web de WordPress, debemos abordar la optimización del rendimiento de la división. Esto se logra mejorando el rendimiento del tema Div y / o Divi Builder, asegurándose de que funcione de manera óptima en las áreas que desarrolla en WordPress y en las áreas de WordPress. Una vez que todas estas piezas estén optimizadas, podemos construir con éxito un sitio web de la Divic con velocidad y rendimiento óptimos. En el resto del artículo a continuación, primero abordaremos la optimización incorporada del rendimiento de la división (cosas ya hechas para usted). Luego, abordaremos cómo optimizar su sitio web, abordando algunas necesidades de optimización que se encuentren en la base (cosas adicionales que puede hacer). Una mirada a algunas de las optimizaciones de rendimiento y velocidad construidas que DIV ya tiene. Estas características de optimización aceleran Div desde cualquier ángulo, lo que probablemente lo convierte en el constructor de páginas más rápido del mercado. Pero eso no es todo. DIV está construido con un marco dinámico que elimina la hinchazón y ofrece una base que puede crecer con varios módulos y más características sin agregar hinchazón a su sitio web. Esto le brinda lo mejor de ambos mundos: el poder de un amplio constructor de páginas, con la agilidad de un tema ligero.
Las funciones de optimización de rendimiento se pueden administrar navegando por las opciones temáticas. En la pestaña General, seleccione el rendimiento de la subfamilia.
Ahora, echemos un vistazo más de cerca a las características que facilitan la construcción de un div. El marco del módulo dinámico del módulo dinámico aumenta la velocidad del sitio de una manera sólida seleccionando y ejecutando funciones de PHP a pedido. Divi procesa la lógica necesaria para reproducir solo los módulos y las características utilizadas en cada página sobre la marcha, lo que sea eliminado de la ecuación. En otras palabras, cualquier cosa que pueda considerarse “hinchazón” se elimina del back-end. Modu a pedido, por ejemplo, si tiene 3 módulos en una página, DIV solo procesará las funciones necesarias para estos 3 módulos en lugar de procesar todos Funciones para todos los módulos, sin importar lo que se use. Estas 3 funciones reproducirán el código corto / HTML para ese módulo a la página, sin perder el tiempo de procesamiento.
Características bajo demanda Al igual que Divi continúa y cargue dinámicamente los módulos a pedido, DIV hace lo mismo para todas las características utilizadas en una página. En lugar de procesar funciones para todas las características posibles que podrían usarse en el elemento de división (efectos de desplazamiento, animaciones, opciones pegajosas, opciones de borde, etc.), Diva procesa solo aquellas características que realmente se usan en un elemento. Esta característica no se aplica solo a los módulos, sino a cualquier elemento de división, incluida la sección, filas y columnas.

Bibliotecas dinámicas de JavaScript Para aumentar la velocidad del sitio, hemos optimizado JavaScript Div para ser más conciso y modularizado. Esto permite que la división cargue JavaScript en una solicitud dinámica. La diva cargará y procesará las funciones de JavaScript (como opciones adhesivas), así como bibliotecas externas de JavaScript (como la ventana emergente magnífica) solo cuando son requeridos por módulos o características en una página. El tamaño más pequeño del archivo básico de JavaScript combinado con las bibliotecas dinámicas de JavaScript definitivamente aumentará la velocidad del sitio, porque hay menos código de procesamiento para cada carga de página. Se eliminan los guiones no utilizados. Y, debido a que esta lógica anti-balón ocurre en una página, si tiene una sola página, no tendrá que preocuparse por el hecho de que JavaScript Sticky está cargado en una página que no la tiene. Esta es la belleza del JavaScript dinámico de Div. Ejemplo: la biblioteca dinámica de JavaScript para una imagen que usa Lightbox para suponer que tiene una página con un módulo de imagen de Lightbox activado. Diva indicará dinámicamente y ejecutará la biblioteca PopUp JS Magnific para que esa página aplique esa funcionalidad de LightBox emergente. Si la caja de luz está deshabilitada en la imagen, la biblioteca JS no se carga y no se ejecuta en la página.
Posponado que JQuey y Jquey migran cuando sea posible, JQuey y Jquey serán trasladados al cuerpo para eliminar una solicitud para bloquear y acelerar el tiempo de carga. Como se muestra en la ilustración a continuación, si el script jquey se carga anteriormente (en el encabezado), interrumpirá el análisis HTML hasta que se ejecute el script. Esto ralentizará la reproducción de su página por otro lado, si un complemento de terceros registra a JQuey como adicción, se trasladará a la cabeza para evitar conflictos. Esta opción se puede deshabilitar si causa problemas. CSS Dinamic CSS Dinamic aplica la misma lógica contra la pelota (utilizada dentro del módulo dinámico) a la hoja de estilo Div. Como puede imaginar, la hoja de estilo principal de Div sería bastante grande dadas todas las características que tiene. Pero cargar una hoja de estilo grande en cada página provoca una hinchazón innecesaria y tiempos de carga de página más lentos. Con CSS dinámico, el CSS CSS se divide en cientos de pequeños componentes. En cada página, estos componentes CSS se combinan para formar una hoja de estilo única que contiene solo las piezas necesarias para estilizar esa página de acuerdo con los módulos, las características del módulo y las opciones de apariencia temática que usa.

Esto remedia el problema de hinchazón CSS porque no existe ahora. No hay hinchazón, porque no se cargan otros CSS. Sin CSS dinámico, la hoja de estilo Div sería de alrededor de 900 kb y se cargaría en todas las páginas, independientemente del contenido. Ahora, si necesita 80 kb de CSS para la página, CSS dinámico elimina 800 + KB que no necesita cargar la página. Esto significa que su página se está cargando aún más rápido. CSS critica el sistema crítico CSS de la división aumenta la velocidad del sitio, identificando el CSS necesario para estilizar el contenido por encima de los folletos y posponer cualquier otra cosa. Porque solo se necesitan estilos críticos cuando la página se carga por primera vez y dado que los activos de reproducción juegan un papel tan importante en la velocidad de la página, la capacidad de separar automáticamente los estilos críticos y no críticos le da una gran ventaja. En comparación con otros Temas y constructores de WordPress. Después de que Div ha terminado de procesar su CSS, no queda nada en el encabezado del sitio, lo que significa que el contenido aparece de inmediato y es por eso que Google ofrece puntajes tan altos desde la caja. Por ejemplo, si su contenido anterior consiste en un título, párrafo , botón y imagen, solo el CSS relevante para esos elementos se cargará tan pronto como sus visitantes cargarán la página. El resto del CSS se cargará y, por supuesto, pero no en la primera interacción. Esto se llama CSS no crítico.

Para obtener una explicación más completa de cómo funciona esta función y cómo usarla, consulte nuestros artículos sobre cómo la característica crítica de CSS aumenta la velocidad del sitio y cómo crear la página más rápida Div. La altura del umbral crítico en relación con el crítico de CSS es la opción del umbral crítico. Cuando se activa CSS crítico, Div determina un “umbral sobre los folletos” y difiere todos los estilos de los elementos debajo del folleto. Sin embargo, este umbral es solo una estimación y puede variar en diferentes dispositivos. El aumento de la altura del umbral pospondrá menos estilos, lo que conducirá a tiempos de carga ligeramente más bajos, pero ocurrirán menos posibilidades (CLS). Si encuentra problemas con CLS, puede aumentar la altura del umbral. Cargar la opción dinámica dinámica dinámica de la hoja de estilo dinámico es la última optimización de CSS que elimina todas las solicitudes de CSS para colocar. ¡Gracias al CSS dinámico, la hoja de división básica ahora es lo suficientemente pequeña como para que se pueda cargar en línea en la página real!
La carga de este CSS en línea elimina una solicitud para bloquear la obra y mejora los puntajes de Google PageSpeed. Cuando se activan CSS críticos, CSS Dinamic y Load Dynamic In-Line Opciones de hoja de línea, se eliminan todas las solicitudes de reproducción CSS. Mejorar la opción de carga de Google Fonts Mejorar la carga de Google Font permite a Google Fonts en caché y las carga en línea. Esto reduce la solicitud de bloqueo y acelera el tiempo de carga. También agregamos el límite de opción de asistencia de Google Fonts para navegadores antiguos. Esto prácticamente elimina los viejos archivos de fuentes para reducir la tarea útil. La activación de esta opción reducirá el tamaño de Google Fonts y mejorará el tiempo de carga, sin embargo, limitará el soporte de Google Fonts en algunos navegadores muy antiguos. Puede deshabilitar esta opción para mejorar el soporte de navegadores más antiguos a un costo de rendimiento fácil. Desactivar WordPress WordPress Emoji viene con un sistema de emoji nativo, pero esto ya no es necesario debido al apoyo nativo de emoji en los navegadores modernos. De hecho, el emoji nativo se ve mucho mejor que la versión de WordPress. Div le ofrece la opción de deshabilitar el emoji de WordPress nativo, que elimina los recursos innecesarios. Y tener menos recursos para reproducir resultados en cargas de página más rápidas. Postpone a Gutenberg Block CSS Cuando se usa Divi Builder en una página, también elija no usar el editor de bloques de WordPress predeterminado. Y dado que no usará bloques para estilizar su página, no necesita reproducción de CSS Gutenberg que bloquee la carga de la página de la Divica.

Con la opción de diferir CSS de Bloque Gutenberg, Diva ahora se cargará (predeterminada) el bloque CSS Gutenberg en las páginas donde usa el Builder Div. Sin embargo, se cargará para cualquier eventualidad (en el sótano), pero ya no será el bloqueo. Los iconos dinámicos Div ahora se entregan con subconjuntos de fuentes de iconos que se cargan a pedido en función de los módulos y características que usa. Esto disminuye el tamaño de la fuente del icono base de 90kb a 6kb. El conjunto completo de iconos se carga solo cuando es necesario. Esta opción se desactiva de forma predeterminada si usa un tema para niños o un DIV personalizado. Si el tema de su hijo o el módulo DIV de tercera parte utiliza el conjunto completo de íconos de la división, entonces esta opción debe permanecer desactivada. Hay tres subconjuntos de fuentes de iconos que se utilizan de acuerdo con lo que necesita una página. La base: este subconjunto incluye todos los iconos utilizados por defecto en el tema y sus módulos.

Social: este subconjunto incluye todos los íconos básicos más todos los íconos sociales, que se cobran cuando se usa un módulo de seguimiento de redes sociales.

Todo: este es el conjunto completo de iconos que se usa al usar el selector de iconos en un modo Divi para seleccionar un icono personalizado.
Aquí hay un ejemplo del subconjunto de icono social de fuentes, cargados dinámicamente debido a un módulo de seguimiento de redes sociales en la página.

Si necesita acceso a toda la fuente del icono en todas las páginas (por ejemplo, si usa la fuente de icono de nuestro hijo), puede desactivar esta opción y cargar toda la biblioteca de fuentes de iconos en todas las páginas. El soporte nativo de SCSET para imágenes receptivas incluye soporte nativo para todas las imágenes de la divica, lo que significa que Diva hará automáticamente sus imágenes receptivas y servirá la imagen de tamaño perfectamente para cada dispositivo. Como las imágenes más pequeñas se transmiten en dispositivos más pequeños, esto puede mejorar en gran medida la velocidad de carga y no requiere ningún trabajo adicional de usted. Para desempeñar un papel crucial en la experiencia del usuario de su sitio web, así como en la optimización de la optimización de la Motor de búsqueda (SEO). Por lo tanto, para que su sitio de la Divica tenga un buen rendimiento para los visitantes y Google, querrá abordar esas áreas fuera del DIV que optimiza su sitio de velocidad. Aquí hay 14 cosas que puede hacer para optimizar la velocidad y el rendimiento de su DIV.
. En realidad, puede hacer todo bien para optimizar su sitio de velocidad y aún tener un sitio lento debido a su host y muy buenos proveedores de alojamiento harán muchas de estas optimizaciones de velocidad para que no puedan preocuparse. Entonces, si tiene un sitio de división lenta, su primer paso es considerar actualizar el alojamiento. Use el alojamiento optimizado de Divi si desea un sitio web de la Divic Fast, es lógico elegir un proveedor de host optimizado no solo para WordPress, sino también para DIV. Entonces, si está buscando un excelente alojamiento de WordPress que funcione sin problemas con Div y viene con la instalación automática de div, entonces Div Hosting es una excelente solución nueva para usted. Hemos colaborado con algunos de nuestros hosts favoritos de WordPress (apremiantes, volante y sitio de sitio) Para proporcionar a los clientes una forma simple de crear sitios web de la división que sean rápidas, respaldados por una infraestructura de alojamiento moderna que cumpla con todos los requisitos del DIV y respaldados por profesionales de renombre. . ¿Por qué elegir alojamiento de div? Finalmente, cada usuario de la Divica debe tomar una decisión con respecto al alojamiento. Hacer una elección incorrecta puede provocar mucho dolor. Queremos tomar esta decisión fácil. Aquí hay algunas cosas que hacen una división de alojamiento única: cuando crea su sitio, Div se instaló automáticamente.
Su nuevo sitio web se conecta automáticamente a su cuenta de temas elegantes y se configura con la clave de licencia para que pueda recibir actualizaciones y asistencia.
Su entorno de alojamiento se configurará para cumplir con todas las configuraciones de PHP recomendadas por Div. No se requieren ajustes. Su sitio web estará alimentado por una infraestructura de host rápida y moderna, lo que significa tiempos de carga rápidos y herramientas modernas como caché automático y CDN.
Será alojado por una empresa que conozca WordPress desde dentro y fuera.
Usted será alojado por uno de nuestros socios, lo que significa que están dedicados a garantizar una excelente experiencia en sus sistemas.
Hay muchas opciones de alojamiento y no se crea lo mismo. Todos los días, ayudamos a nuestros clientes a lidiar con problemas de compatibilidad relacionados con el alojamiento, lo que puede ser increíblemente frustrante. Todos necesitan alojamiento para usar Div, y su experiencia de alojamiento no tiene que ser una pelea. Para obtener más información, descubra cómo alojar DIV es la mejor solución de alojamiento para Div. ¿Encontrar la solución de alojamiento adecuada para su sitio web dividido para usar el alojamiento DIV para tener un sitio web rápido?

Absolutamente no. Hay otras excelentes soluciones de alojamiento, y Diva siempre funcionará excelente en excelentes entornos de alojamiento. Pero debido a que el alojamiento juega un papel tan importante en la optimización de la velocidad y el rendimiento, debe tomarse el tiempo para encontrar la solución de alojamiento adecuada para su DIV. Hay muchas compañías de alojamiento geniales y no tan buenas. Y cada uno generalmente ofrece más soluciones y servicios de alojamiento. Entonces, encontrar el correcto puede ser abrumador. A continuación se muestra información útil sobre los tipos más comunes de alojamiento para considerar encontrar la solución de alojamiento adecuada para su DIV. El alojamiento tradicional (compartido) (no recomendado) es, con mucho, el tipo de alojamiento más popular para usuarios de WordPress, porque es el más accesible. Pero, desafortunadamente, es la peor opción para la optimización de velocidad. Con el intercambio tradicional, compartirá todos los recursos disponibles de un servidor con otros. Porque compartido, el costo de este tipo de alojamiento se reduce. Sin embargo, la desventaja es que no puede controlar cuánto tráfico recibo esos otros sitios en su servidor compartido. Por lo tanto, puede caer fácilmente presa de los períodos de carga extremadamente lentos e incluso los momentos en que su sitio está completamente defectuoso. Por lo tanto, es mejor tener una buena idea de cuánto tráfico puede soportar su intercambio. Alojamiento dedicado a alojamiento dedicado, tiene su propio servidor dedicado a usted. No necesita compartir recursos con nadie más.

Esto significa que tendrá un tiempo de carga más rápido y más consistente para su sitio web. Esto generalmente se ofrece como una opción superior para grandes corporaciones con una alta prima. Hosting VPS Virtual Private Server (VPS) es prácticamente un camino intermedio entre el alojamiento compartido y dedicado. El espacio de su servidor es “privado”, lo que significa que está completamente separado de todos los demás (como una comunidad cerrada para los archivos de su sitio). Por lo tanto, los archivos de su sitio no están expuestos a otros en el servidor. A diferencia del intercambio de sombras, un VPS tiene un número dedicado de recursos del sistema (o potencia) para garantizar que su sitio siempre reciba lo que es necesario para proporcionar constantemente tiempos de carga rápidos. Por lo tanto, no tendrá que preocuparse por aumentar el tráfico de otros sitios web que afectan la velocidad de su sitio, pero, a menos que tenga un VPS administrado, este tipo de alojamiento es especialmente para aquellos tipos de bricolaje que son lo suficientemente buenos en tecnología para manejarse ellos mismos . Para obtener más información, aquí hay una comparación de rendimiento entre el alojamiento de VPS y la partición compartida. Alojamiento en la nube con alojamiento en la nube, tiene acceso a una red de servidor (en la nube) en lugar de un solo servidor físico. Esto le permite extraer todos los recursos que necesita de esta red de servidor, según sea necesario.
Esencialmente, tiene una partición virtual del espacio del servidor que es compatible con el poder y los recursos de toda la red. Por lo tanto, no tiene que preocuparse por aumentar el tráfico, como lo haría al compartir. El alojamiento en la nube es extremadamente flexible y adaptable a sus necesidades. Una diferencia principal entre el alojamiento de la casa y el alojamiento de VPS es que el alojamiento de VPS tiene un número dedicado (o limitado) de recursos que pueden agotarse o no. El alojamiento en la nube, por otro lado, puede mantener sus recursos disponibles sin agotarse, ya que siempre puede extraer de los otros servidores de la nube. En teoría, el alojamiento en la nube ofrece altas velocidades más consistentes y confiables. Entonces, si se toma en serio la velocidad, el alojamiento de la nube es una excelente opción (tal vez incluso la mejor). Hosting WordPress Managed WordPress El alojamiento generalmente se refiere a la partición compartida administrada por los expertos de WordPress. Por lo general, cuesta un poco más que el intercambio tradicional, pero si desea un sitio de división más rápido, el alojamiento administrado de WordPress puede valer la pena. No es tan “privado” como un VPS o tan fuerte como un entorno de alojamiento dedicado. Pero ayuda a maximizar la velocidad de su entorno compartido, haciendo que los expertos de WordPress hagan el trabajo. Lo hago bien porque adaptan sus servicios y configuran sus servidores estrictamente para sitios de WordPress. Y muchos de ellos vienen con muchas funciones incorporadas interesantes y convenientes, como un medio de almacenamiento de un solo clic, el almacenamiento del sitio, una implementación de CDN de un solo clic, copias automáticas de reserva, SSLS y muchos otros.
Somos perfectos para aquellos de nosotros que no queremos confiar (o administrar) muchos complementos para optimizar, seguridad y gestión de la velocidad básica. De hecho, el alojamiento de DIV es el alojamiento de WordPress de alojamiento, optimizado para el DIV. Esto elimina todos los dolores de cabeza de la optimización del entorno de alojamiento para su div. # 2 Optimizar el tiempo para el primer byte (TTFB) ¿Qué es TTFB? El tiempo para el primer byte (TTFB) es el momento del usuario para recibir el primer detalle del sitio web del host / servidor. Ser esencialmente ese período de espera antes de que el navegador reciba cualquier dato. Esto es importante, porque cuanto más tiempo sea el TTFB, más larga se lleva la página. Piénselo como comida rápida. El restaurante se puede optimizar para brindarle comida rápida. De hecho, es posible tener una hamburguesa esperándote. Pero aún tienes que esperar en la cola para ordenar. Este período de espera es lo que se te ocurre como el momento de morder la primera vez (vea lo que hice allí). TTFB debe tener alrededor de 200 ms (según Google). Pero para los sitios web que se alojan mal y no se han optimizado, TTFB puede tomar fácilmente 2 segundos o más. ¿Qué causa un TTFB lento? TTFB retraso en tu div
La cantidad de contenido dinámico a recibir. Esto se puede reducir con caché, optimización de la base de datos y un CDN.
La cantidad de tráfico que enfrenta su servidor en ese momento. Los proveedores de alojamiento tradicionales (o compartidos) hacen que sea difícil reducir el TTFB en cuestión, ya que comparte recursos con otros en el mismo servidor. Los aumentos en su tráfico reducirán la velocidad de procesar su servidor. Configuración de su servidor web. Un buen proveedor de alojamiento de WordPress puede ayudarlo con su sitio TTFB, proporcionando una infraestructura sólida en el patio trasero y optimizando su servidor web (las cosas casi salen de su control).
Cómo acelerar su sitio TTFB TTFB TTFB es uno de los vitales web (junto con FCP, LCP y CLS) que Google usa para determinar su sitio. Por lo tanto, es importante optimizarlo. La buena noticia es que TTFB se puede optimizar. Aquí hay algunos consejos clave que puede usar para reducir TTFB.
Actualice su alojamiento. La forma más efectiva de estimular su TTFB es simplemente actualizar su alojamiento. Pague un poco más por el alojamiento administrado para WordPress o el alojamiento Div tendrá el mayor impacto en TTFB desde la puerta.
Use un CDN. Esto permitirá a los visitantes cargar los datos de su sitio desde un servidor más cercano a ellos, para que pueda reducir la latencia y reducir TTFB.
Elimine complementos o temas innecesarios. Los complementos y los temas (especialmente anticuados) pueden evitar el servidor del sitio y los tiempos de carga (incluido TTFB). Por lo tanto, es mejor usar solo los complementos de calidad esenciales (o temas) y eliminar los demás.
Implementar el caché.Div tiene caché incorporado para la entrega Divi JS y CSS.Pero el almacenamiento de su sitio web en general, además de usar un CDN, reducirá TTFB. Use CloudFlare para aumentar TTFB una forma de obtener un impulso rápido en su sitio TTFB es usar CloudFlare.La memorización de caché y los CDN disponibles en su plano libre definitivamente aumentarán TTFB.También puede aprovechar la optimización automática de la plataforma CloudFlare, que se ha probado para mostrar un descuento del 72% de TTFB.Para obtener más información, consulte nuestro artículo completo sobre TTFB y cómo optimizar su sitio para él.# 3 Optimice la base de datos de su sitio.
Por qué el sitio de WordPress necesita bases de datos limpias a diferencia de los sitios estáticos HTML, WordPress es un CMS dinámico que utiliza PHP para recuperar datos almacenados en una base de datos MySQL para mostrar estos datos en una web de página. Esto facilita la administración de su sitio, pero la desventaja es que lleva más tiempo cargar las páginas, ya que tiene que localizar los datos de la base de datos antes de cargar la página. En general, los sitios HTML estáticos serán más rápidos que los sitios de WordPress por este motivo. Una forma de mantener un sitio web lo más rápido posible es asegurarse de tener una base de datos limpia. Los archivos del sitio de WordPress se organizan en la base de datos en las tablas y cada vez que agrega nuevos datos a su sitio (como temas y arados), crea nuevas tablas y más datos. Como era de esperar, cuanto más sucia sea la base de datos, más difícil será encontrar los datos. Esto lleva a un sitio web más lento. Entonces, si ha agregado el tema Div en su sitio después de años de intentos para otros temas e innumerables complementos, es posible que tenga algunos datos almacenados que ya no necesita. Incluso si desinstala un complemento, esto no significa que todos los datos hayan desaparecido en la base de datos. Los arados les gusta dejar algunos datos allí si reinstala el complemento. No es genial, lo sé. Estos datos restantes pueden conducir a aglomeraciones innecesarias y ralentizar el sitio. Al igual que cada hombre que necesita una organización para trabajar de manera más eficiente, cada sitio de WordPress (DIV o no) necesita una base de datos limpia para cargar las páginas más rápido. Entonces, si tuviera su sitio.
Durante algún tiempo, limpiarlo puede acelerar significativamente las cosas.Cómo optimizar la base de datos de su sitio Divi Sugeriría usar un complemento para ello.WP Optimize parece ser una opción creíble.Pero hay otros complementos de base de datos de WordPress a considerar.O, si sabe lo que está haciendo, siempre puede hacerlo manualmente en MySQL.Además de limpiar la base de datos de WordPress, es posible que desee hacer que WordPress sea aún más fácil reduciendo los datos que almacena.Por ejemplo, WordPress retendrá automáticamente elementos eliminados de la basura durante 30 días.Es posible que desee reducir ese período a 7. # 4 Optimice su DNS
Cómo afectar la velocidad del sitio DNS Lo primero que debe suceder cuando un usuario visita URL de una de sus páginas web es una búsqueda DNS. Tan pronto como se ingresa la URL (o se hace clic), el ISP del visitante envía una consulta DNS a los servidores de nombres para encontrar la dirección IP asociada con su dominio (cada dominio / sitio web tiene una dirección IP específica). Esencialmente, una búsqueda de DNS es como buscar el nombre de dominio en una agenda telefónica para encontrar la dirección IP de ese dominio. Pero cuando un usuario visita una página en su sitio, la página puede tener más áreas para acceder para abrir la página. Por lo tanto, podría hacer 3 o 4 búsquedas de dominio en una sola carga de página (tal vez más). En términos generales, la mayoría de los proveedores de DNS gratuitos, como Godaddy y Namecheap, generalmente serán más lentos de lo que probablemente le gustaría. Usar CloudFlare para optimizar DNS (y más si lo desea), la mejor opción gratuita que aumentará su velocidad de búsqueda de DNS es probablemente CloudFlare. Tenga el rendimiento de DNS más rápido registrado en dnsperf.com. Esto será significativamente más rápido que Godaddy y Namecheap. E incluso puede optimizar CloudFlare para ser utilizado para DNS sin sus otros servicios (como CDN o WAF) si lo desea.

Por ejemplo, recomendamos usar CloudFlare para DNS y Security (DDOS Detection) y KeyCDN (o MaxCDN) para su CDN parece ser una excelente combinación. La configuración de CloudFlare CloudFlare es muy fácil de configurar. No tiene que preocuparse por cambiar su alojamiento o cualquier otra cosa de antemano. Todo lo que tiene que hacer es viajar su configuración de 5 minutos, que comienza con su entrada a su campo recupera automáticamente los registros DNS actuales.
Lo principal que necesitará para completar la configuración es cambiar los servidores de nombres predeterminados en su proveedor DNS actual (como Godaddy) en los servidores de nombres en la nube.
Luego puede manejar el DNS fácilmente desde su tablero.
Y exactamente, tiene un aumento en la velocidad de búsqueda de DNS, más seguridad y un CDN para su sitio (además de muchos más). Por el camino de los CDN, ciertamente tienes que usar uno de ellos. # 5 Use una red de entrega de contenido (CDN)
Stackpath cdn pop
Una red de entrega de contenido (CDN) lleva la velocidad del sitio a otro nivel. Como su nombre indica, un CDN es una red para la entrega. La red consta de servidores en todo el mundo que almacenan archivos de caché estáticos (imágenes, videos, scripts, etc.) del contenido de su sitio web. Luego, cuando una persona envíe una solicitud para ese contenido (visitando su sitio web), el servidor (o POP)) estará más cerca de la persona entregará el contenido. Sin un CDN, se puede acceder a los archivos de su sitio web desde la ubicación de un servidor (donde sea que su host almacene esos archivos), por lo que cuanto más sea, más lento entregará el contenido del sitio a su navegador web. Piénselo cuando lo desee Para entregar una pizza en casa, no elija pizza a 30 millas de distancia. Eliges las 5 millas de distancia, porque quieres que te entreguen lo antes posible (si eres un hombre normal que ama la pizza tanto como yo). Un CDN funciona de manera similar. Debido a que desea que el sitio web aparezca en su navegador lo antes posible, un CDN tendrá los archivos de su sitio listos para ser entregados desde el servidor más cercano a su ubicación. Por lo tanto, si los archivos del sitio se almacenan en un servidor de San Francisco y alguien en Londres extrae su sitio, puede tardar 1 o 2 segundos en recibir esos datos de un servidor a miles de millas de distancia. Pero con un CDN, puede entregar los mismos datos de un servidor de Londres en la mitad del tiempo. ¡Es una gran diferencia!
Entonces, incluso si no ve el alcance de los resultados en el hogar, acelere la entrega de su sitio en lugares de todo el mundo. Hay muchas maneras de obtener un CDN para su sitio. Muchas compañías de alojamiento incluirán una opción para implementar un CDN con su servicio. Y hay plataformas de red como CloudFlare y StackPath (MAXCDN anterior) que ofrecen capacidades de CDN con otras características de rendimiento y seguridad. Aquí hay algunas plataformas CDN creíbles a considerar: CDN Cloud: además de la optimización de DNS (mencionado anteriormente), CloudFlare ofrece un CDN rápido y seguro, que conserva contenido estático y lo ofrece rápidamente. Esto se incluye en su plan gratuito, que es ideal para la mayoría de los sitios.
KeyCDN (incluso puede usar el complemento de WordPress de Enabler CDN para integrar KeyCDN; esta configuración funcionaría bien con el habilitador de caché)
StackPath (anteriormente MaxCDN)
Amazon Cloudfront

Jugos
Hay algunos complementos de caché, como WP Total Cache o CDN Enabler, que incluyen una opción para la integración automática de varios proveedores de CDN, lo cual es bastante conveniente. Aquí hay algunos complementos de soporte de CDN:

El caché de WP más rápido

Cohete WP

Optimiza automáticamente

W3 Cache total

WP Super Cache

Habilitador de CDN

# 6 Agregar caché
Hay cuatro tipos principales de caché que se pueden implementar para acelerar su sitio.
Cache de página en caché: este proceso almacena el caché estático de su página para una entrega rápida.
El almacenamiento en caché del navegador: esto le brinda más control sobre el contenido que se puede almacenar en el caché del navegador y por cuánto tiempo.Solo algunos complementos pueden hacer esto, por lo que podría ser mejor hacerlo para obtener más control.Esto lo ayudará a ocuparse del miembro “Apalancamiento del almacenamiento en caché” al realizar pruebas de velocidad. Cache de CDN: distribuye el sitio de caché / archivos de un CDN más cercano a los usuarios.
Caché de objetos: caché de caché de resultados de consultas repetidas que PHP inicia extraer datos de la base de datos y servir al usuario.Esto es diferente del caché Bytecode que almacena un caché del PHP compilado utilizado para mostrar su sitio web.
La Divic realiza caché al servir archivos JS y CSS del backstage. Pero esto es principalmente para los archivos de tema Div para una mejor funcionalidad de Div Builder. Todavía necesita usar el caché para su sitio web en su conjunto. La mayoría de los sitios tienen varios complementos que vienen con sus propios archivos CSS que podrían combinarse, minimizar y almacenarse en caché. Por lo tanto, definitivamente puede aprovechar una solución de terceros para transmitir las versiones de caché estática de todas sus páginas. El CloudFlare CDN es una excelente manera de agregar caché a su DIV. Almacene una copia del contenido del sitio (recursos estáticos) geográficamente más cerca de los visitantes para reducir la carga y la latencia de la página. El Apo Apo de WordPress parece ser una solución aún más dirigida para almacenar las páginas web y terceros para una fuente de WordPress / Divics utilizando su complemento de WordPress. Los complementos de caché populares incluyen: WP Rocket
Activador de caché (lea nuestra reseña)
W3 Cache total (lea nuestra reseña)
W3 Super Cache (lea nuestra reseña)
Ven a caché (lee nuestra reseña)
El caché de WP más rápido
Consejo: siempre que tenga que activar el almacenamiento de la página de la página en su sitio utilizando un complemento, deberá asegurarse de eliminar (o eliminar) el caché cada vez que realice cambios en su sitio web para asegurarse de que usted y sus visitantes Reciba la última versión del sitio. # 7 Agregue la minificación y la agregación del sitio web
La minimización hace que los archivos de su sitio sean más pequeños. La reducción de los archivos de su sitio (CSS, JavaScript, HTML) elimina todos esos caracteres innecesarios (como espacios de página e interrupciones) para que el tamaño del archivo disminuya. Esto reduce el tiempo requerido para que el navegador cargue el contenido de una página. La agregación implica combinar archivos del sitio para reducir las solicitudes totales en la página y acelerar el tiempo de carga para sus visitantes. Entonces, desde un punto de vista técnico, no tiene que preocuparse por usar un complemento de terceros para minimizar y continuar combinando el JavaScript DIV y CSS. Sin embargo, el Divin no minimiza la salida HTML. Por lo tanto, puede beneficiarse de un complemento de terceros para minimizar (y memorizar en caché) todo el HTML de una página. Además, casi todos los sitios de división dependerán de archivos fuera del tema de la división (como complementos u otros archivos agregados al tema infantil) que se beneficiarán de reducir y combinar archivos CSS y JS. Una de las mejores maneras de agregar la reducción a HTML, JS y CSS de todo el sitio es el uso de CloudFlare. CloudFlare utiliza Auto Minify para reducir el tamaño del archivo de todos los códigos de origen en su sitio web. Además, viene de serie con la versión gratuita. Algunos complementos creíbles que minimizarán los archivos de su sitio incluyen: optimizar automáticamente
W3 Cache total (lea nuestra reseña)
W3 Super Cache (lea nuestra reseña)
WP Rocket (pagado)

Estos complementos deberían funcionar con Div. Pero no hay forma de evaluar todos los tonos de un sitio web para decir que uno funcionará mejor para todos. A veces, los complementos de terceros disminuirán automáticamente los archivos JavaScript de una manera que pueda causar errores / problemas, por lo tanto, asegúrese de probar su sitio web cuidadosamente. En general, siempre es seguro minimizar los archivos CSS. Pero tenga cuidado con esos archivos JavaScript. Y si hay un conflicto, puede ser necesario deshabilitar las opciones de división construidas y dejar que el complemento de tercera parte administre las cosas. Y si no quieres confiar en un tercero para esto, siempre puedes hacerlo manualmente. Para obtener más información sobre cómo hacer esto, consulte esta publicación completa sobre cómo minimizar CSS, HTML y JavaScript de su sitio web. # 8 Active la compresión de GZIPCum le ayuda a la compresión GZIP para acelerar su sitio de división Activando GZIP en su sitio web. Puede darle un pulso de alta velocidad (hasta el 70% en algunos casos). Si está familiarizado con la creación de tabletas (o tabletas) en su computadora, ya tiene una comprensión básica de cómo funciona la compresión GZIP. Creamos archivos ZIP (o carpetas) para reducir el contenido del archivo (o carpeta). ¿Por qué? ¡Entonces podemos cargar y descargar el archivo mucho más rápido!
La compresión de GZIP hace lo mismo para su sitio web. Él le dice al servidor que comprime todos los archivos que puede en versiones más pequeñas, por lo que se le puede servir al cliente mucho más rápido. Esto realmente puede aumentar la velocidad de carga de la página. Esta es una de esas áreas en las que puede mejorar la velocidad de división incluso en una nueva instalación. Como el Divin ya minimiza los archivos temáticos básicos de todos modos, la compresión GZIP o Brotli hará que estos archivos sean mucho más pequeños de lo que podría estar picado. La compresión GZIP es el algoritmo de compresión más utilizado, pero parece que la compresión Brotli es el algoritmo de próxima generación que busca hacer el tamaño de los archivos y más pequeño para una transferencia de datos más rápida. Es utilizado por empresas de alojamiento como SiteGround y también por Cloud. Cómo activar la compresión GZIP en su sitio web. Divin Algunos proveedores de alojamiento permitirán la compresión de GZIP porque es muy simple para el rendimiento del sitio. Siéntase libre de verificar si la compresión GZIP se activa en su sitio como ya se mencionó, CloudFlas ofrece compresión brotli para todas las áreas de su plan gratuito. Muchos de los complementos de rendimiento de WordPress (como W3 Total Cache y WP Super Cache) incluirán la compresión de GZIP como opción. Sin embargo, parece inútil agregar un complemento de rendimiento para esta optimización. Una forma ordinaria de activar la compresión de GZIP (en los servidores Apache) es hacerlo manualmente usando mod_deflated. Y todo lo que tiene que hacer es acceder a su sitio.
Web (root) a través de FTP (asegúrese de mostrar archivos ocultos). Luego copie y pegue un bloque de código en la parte inferior de su archivo .htaccess. # 9 La imagen de la imagen de optimización de la imagen es uno de los mejores culpables para la carga lenta de las páginas. Esto probablemente se deba a lo fácil que es ser ignorado. Después de todo, ¿cuánto daño puede una imagen de fondo hacer una página web? Bueno, te sorprenderá. Solo unas pocas imágenes grandes que no han sido optimizadas para la web podrían tener ramificaciones catastróficas a la velocidad de carga de la página. Y admitamos que su sitio probablemente tendrá muchas fotos. De hecho, la necesidad esencial de optimización de imágenes no es estresante. Cada sitio web debe hacer esto. Solo la compresión de la imagen puede hacer que su sitio sea visiblemente más rápido, y las dimensiones más pequeñas de la imagen guardarán el almacenamiento y el ancho de banda (¡ganar-ganar!). Pero hay otras optimizaciones importantes de la imagen en la que debes pensar. En resumen, querrá hacer lo siguiente al optimizar su imagen web: use el tipo de archivo correcto cuando se trata de imágenes web, debe permanecer con los siguientes tipos de archivos de imagen:
JPG-Este debería ser su tipo de archivo accesible para la mayoría de las imágenes / fotos que usa en su sitio, ya que puede obtener una mirada maravillosa a un tamaño de archivo más pequeño que PNG o GIF- los sombreros. Evite usar el formato PNG para cosas como imágenes o fotos de fondo, a menos que necesite un fondo transparente.
PNG: use PNG para imágenes que necesitan un fondo transparente.JPG no acepta transparencia.svg: este es un formato vectorial que ofrece detalles extremadamente claros utilizando el código HTML.Los SVG son excelentes para logotipos, iconos y otras animaciones vectoriales.
Cambie y corte las imágenes que nunca quiere que su imagen sea más grande de lo que debería. Por ejemplo, si agrega un logotipo a las opciones del tema de la Divic, en la mayoría de los casos solo necesita que tenga 100 PX de ancho. Por lo tanto, no cargue un logotipo con un ancho de 5000 PX y obligue a la división a cambiar el tamaño de esa imagen. El resultado puede parecer similar en el frente, pero esa gran dimensión destruye el tiempo de carga. Al cargar imágenes en su página usando DIV, es útil saber qué tan grandes deberían ser estas imágenes en la estructura de la columna de la Divic. Esta guía final puede ayudarlo a ir en la dirección correcta. (Sin embargo, hay nuevas estructuras de columnas que se han agregado a partir de esta publicación, por lo que intentaremos actualizarlas pronto). Tamaño del archivo de comprimido Deberá reducir el tamaño del archivo de imagen a ese punto antes de observar una disminución en la calidad. Esto se hace por compresión de imagen. La mayoría de los editores de fotos, complementos y sitios como TinyPng.com comprimen imágenes que utilizan compresión sin pérdida (que reduce el archivo de imagen sin perder ninguna calidad de imagen) y pérdidas inteligentes (que disminuye el tamaño de la imagen al reducir los metadatos y. la calidad de la imagen de una manera que el usuario no es realmente visible). Aproveche las herramientas de optimización de imágenes si puede, le sugiero que optimice sus imágenes de Internet antes de cargarlas en su DIV.
Esto se puede hacer a través de editores de fotos, como Photoshop, que incluyen la opción “Guardar web”. Además, puede usar un tercero gratuito, como tinypng.com o compressor.io, para comprimir la imagen antes de cargarla en su sitio. Hay algunos complementos excelentes que harán la compresión de la imagen para usted. Plugins (como Imagify) comprimirá las imágenes ya utilizadas en su sitio y comprimir automáticamente las imágenes a medida que las cargue en su biblioteca de medios de WordPress. Tenga en cuenta que el uso de un complemento para esto se puede gravar en su sitio. Mientras comprime estas imágenes, por lo que es mejor hacer la optimización de la imagen antes. Aquí hay algunos instrumentos y complementos excelentes para optimizar las imágenes que puede usar: Sitios web:
Compresor.io
Tinypng.com
Complementos:
Imaginar
Compresación y optimización de la imagen de Smush
Cohete WP

Para obtener más información, consulte una comparación con 6 complementos de optimización de imágenes de calidad. El soporte SCSET incorporado divide las imágenes receptivas con soporte nativo también se integran en el DIV. Esto mejora la optimización de las imágenes utilizadas en el DIV y más al difundir las imágenes reducidas al tamaño correcto para diferentes pantallas receptivas (como la tableta y el teléfono). # 10 Optimización de video
La optimización de video es un poco más difícil que la optimización de imágenes, pero ciertamente no menos importante. Los archivos de video pueden ser altos y, por lo tanto, extremadamente imponentes a la velocidad de carga de la página. Y si aloja muchos videos en su servidor (por ejemplo, en la Galería de Medios de WordPress), cumplirá con el espacio de disco adicional. Por lo tanto, a menudo es aconsejable utilizar servicios de tercera parte (como YouTube o Vimeo) para alojar sus videos para usted o puede considerar descargar el video multimedia en una plataforma de almacenamiento como Amazon S3. Esto le permitirá conectarse a esos videos en el módulo de video Div, sin tener que ralentizar el servidor. Si va a alojar sus videos, definitivamente deberá reducir el tamaño del video para una carga más rápida. Puede reducir fácilmente los archivos de video utilizando una herramienta gratuita como Handbrake (que es fácil de usar). Para obtener más información sobre cómo usar el video en la división (como agregar una carcasa de video alojada por una tercera parte a un módulo de video), consulte esta guía final.# 11 Cree su página de velocidad cuando no sea así, la velocidad de un El sitio web está determinado por la rapidez con que el contenido de una carga de página. Por lo tanto, es lógico construir cada una de las páginas de su sitio, dada la optimización del rendimiento. Es importante identificar el objetivo principal para cada página que construya. Después de eso, puede encontrar un equilibrio saludable entre la velocidad y el diseño para crear una página que se vea increíble en la parte delantera, mientras que está inclinado en el back -end.
Para obtener un ejemplo práctico de optimizar el contenido de la página DIV para Speed, consulte nuestro artículo sobre cómo crear la página más rápida Div. Aquí hay algunos consejos clave que debe considerar al crear la página: optimice el contenido anterior para trabajar con el CSS incrustado del DIV.
Utilice las presucitas de la división para aprovechar la función de los estilos inteligentes Incorporated Div. Esto permitirá que los elementos compartan fragmentos de código CSS basados ​​en clases y eviten cargar un bloque CSS único para cada uno.
Cuando sea posible, limite los tipos de módulos que usa para construir la página. Debido al marco dinámico de Divin, Diva no procesará ni cargará los módulos (y sus CSS únicos) que no usa. Por ejemplo, si puede usar dos módulos de texto (en lugar de un módulo de texto y un módulo de propaganda) para obtener los mismos resultados, es mejor no usar el proceso innecesariamente y cargar el módulo de propaganda en la página.
Sea inteligente en términos de usar animación para su página. Debido a las características dinámicas del DIV, la diva no procesará ni cargará JS o CSS necesarios para funciones como efectos de movimiento si no las usa. Por ejemplo, si utiliza configuraciones de animación ordinarias en toda la página, le recomendamos que evite usar los efectos de movimiento para un solo elemento. En su lugar, mantenga su estilo de animación consistente y disfrute de las cargas de página más rápidas.

# 12 Use complementos con cuidado y claridad
Use complementos de calidad La calidad es el factor clave cuando se trata de complementos. De hecho, puede tener 10 complementos de calidad que no ralentizarán su sitio tanto como uno malo. En general, asegúrese de elegir complementos que hayan pasado la prueba de tiempo y tengan excelentes revisiones. Y siempre pruebe cómo un complemento afecta el rendimiento de su sitio web antes y después de las pruebas de velocidad para ser seguras. Elimine complementos no utilizados o obsoletos además de usar complementos de calidad, también es importante eliminar cualquier complemento no utilizado y / o obsoleto. Pueden ser dañinos para su sitio web y un riesgo de seguridad grave. Además, cada complemento (incluso calidad) agregará recursos adicionales que agregarán tiempo a cada carga de página. Si desea un sitio de división rápida, querrá usar la menor cantidad de complementos posible. Buscar los errores de bloqueo de la ranura de la división no tiene bloqueos de representación, por lo que significa que sus estilos de representación y guiones provienen de arados. Si hay algunos scripts grandes para bloquear el juego que afectan su velocidad, podría considerar eliminar estos complementos. # 13 Pruebas de velocidad de conducción
Probablemente no leería este elemento si no hiciera al menos una prueba de velocidad en su sitio web.Y con razón, es importante saber qué tan rápido se cargan sus páginas para los visitantes.Realizar una prueba de velocidad es una de las cosas más fáciles que puede hacer.Hay muchos sitios web que harán esto de forma gratuita.Y los valores que proporcionan serán invaluables para identificar las formas en que puede optimizar aún más el sitio para un mejor rendimiento.Aquí hay algunos lugares excelentes para comenzar: Gtmetrics

Insights de la página de Google
Herramientas de desarrollo de Chrome
FAR (disponible para las herramientas de desarrollo de Chrome)
Los resultados de estas pruebas son los que nos hacen muchos de nosotros comenzar a optimizar nuestro sitio Divi para tiempos de carga más rápidos. Proporcionan una descripción útil del rendimiento de su página web en una variedad de dominios. Luego puede usar sus recomendaciones como lista de verificación para resolverse a medida que optimiza su sitio. La mejor manera de usar estas herramientas de prueba de velocidad en línea para su sitio de WordPress es ejecutar primero una página en una página antes de optimizar. Luego puede usar esto como base para comparar las pruebas futuras a medida que realiza cambios. Después de cada optimización que realiza, puede ver si su puntaje está mejorando. Por ejemplo, puede ver que el uso de un complemento de caché funcionará mejor que otro. No tenga miedo de probar más complementos para obtener el mejor rendimiento. Aquí hay una útil guía de optimización de WordPress de GTMetrix, que lo ayudará. A medida que implementa optimizaciones de velocidad en su sitio, debe ver mejoras en los siguientes campos: tiempo a primer byte (TTFB)
Primera pintura contenida (FCP)
Tiempo de interactivo (TTI): mide cuando la página está preparada para la interacción del usuario.
Índice de velocidad (SI): mide la velocidad con la que su página está completamente visualmente
Tiempo total de bloqueo (TBT): similar al primer retraso de entrada vital (FID), que es la cantidad de tiempo entre un usuario que interactúa por primera vez con su sitio y cuando su navegador responde a esa acción
La pintura más grande contenida, mide cuánto tiempo dura el contenido más grande (como la imagen) para ser visible para los usuarios. Cumulativo desplazamiento de diseño: mide el movimiento inesperado (un desplazamiento) cuando un usuario carga una página.
Para obtener más información, consulte nuestra publicación sobre cómo mejorar su puntaje de velocidad de página de Google. El propósito es la velocidad, no la perfección puede ser fácil de atascarse probando el sitio y optimizándolo. Pero ningún sitio web será perfecto. Incluso puede encontrar que la mejora de ciertos grados de rendimiento de la prueba de velocidad puede ralentizar el tiempo de carga de la página. Eso es porque esas pruebas de velocidad no son perfectas. Al igual que este artículo, estos son solo una guía que lo ayuda a mejorar el rendimiento y la velocidad de su sitio. # 14 Considere nuestro esquema de páginas de división de alta velocidad en este sitio de prueba que creamos, fue fácil construir un sitio web de división que ganó 100 en Google PageSpeed ​​Desktop, 99 en Google PageSpeed ​​Mobile y 100% en GTMetrix. Este boceto del sitio web permite a los desarrolladores experimentar directamente la optimización incorporada de la velocidad de división en un sitio real. También puede servir como un buen ejemplo de optimización del contenido de la página DIV para Speed. Este sitio de prueba se ha optimizado de la siguiente manera:
Organizado en el sitio
CloudFlare utilizada para la compresión de caché, CDN, Brotli
No se utilizaron complementos adicionales.
Características de rendimiento incorporadas utilizadas por div

Contenido optimizado para la página
Los estilos inteligentes (divisiones) se han utilizado para reducir el CSS dinámico generado para cada página. Optimizado sobre los folletos para garantizar que CSS sea débil.
Utilicé una fuente segura de web (Arial) para evitar descargar una fuente de un servidor de terceros.
Tabletas utilizadas
No he usado efectos de animación o movimiento
Limitar el uso de íconos para cargar un subconjunto de fuentes de iconos más pequeños, que incluye los iconos sociales necesarios.
El resultado:

El tamaño de CSS se redujo en un 94%.

Todos los activos de bloqueo de enchapado se eliminaron por completo, y el tamaño de JavaScript de Divascript se redujo a la mitad.
No hay solicitudes de recursos innecesarios.
En la parte superior del contenido aparece de inmediato.
Puntuación del 100% en Google PageSpeed ​​Desktop, 99% en Google PageSpeed ​​Mobile
Puntuación del 100% en GTMetrix.
¿Qué podemos aprender para el sitio de prueba? Finalmente, el Divin le brinda el poder de elegir cómo desea que lo use y qué tan rápido desea ser su sitio web. El sitio de prueba muestra que puede obtener los puntajes de velocidad de velocidad casi perfectos desde la caja. Pero, solo porque no haya usado todas las herramientas de diseño fuertes que hacen que la división sea tan grande no significa que tengas que tener miedo de usarlas. Si no usa un módulo o función en una página, Diva no procesará y / o no cargará su elemento innecesario o CSS. Pero si decide incluir un módulo o característica, DIV tendrá cuidado de procesar y / o cargar solo los elementos y CSS necesarios y nada más. Esto le brinda un marco fácil de construir, sin preocuparse por la hinchazón web cuando decide desatar el poder de DIV para construir su sitio. Otros consejos han cubierto casi todos los factores principales que contribuyen a sitios web más rápidos de Divpress / WordPress. Pero hay muchas más cosas a considerar que podrían mejorar la velocidad aún más. Con una configuración correcta del tema del niño
Cambiar la URL de WordPress para evitar que esos robots sobrecarguen el servidor. Esta sería una buena oportunidad para crear una página de conexión personalizada con Div.
Evitar llamadas innecesarias a servicios externos. Algunos complementos e incorporación requieren el uso de archivos alojados en sus servidores. Estas llamadas adicionales ralentizarán la carga de la página.
Incorpore la carga perezosa para imágenes y videos para una velocidad de carga de página más alta.
El uso de la división y otros complementos de rendimiento de terceros, las optimizaciones de rendimiento construidas de la división acelerarán la división de cada sitio, ya que elimina la hinchazón que no puede eliminarse con ningún complemento de rendimiento. Dicho esto, puede usar complementos de rendimiento de terceros adicionales para aumentar la velocidad de su sitio, además de las optimizaciones incorporadas. Las mejoras de rendimiento de la división se aplican solo a los complementos de división y no a los terceros complementos, para que sus complementos de rendimiento puedan brindarle beneficios a otras áreas fuera del DIV. Por ejemplo, puede continuar beneficiándose de almacenar su sitio web y usar un CDN. Gestión de complementos de rendimiento de conflictos porque DIV ya está optimizado, el uso de un complemento de rendimiento de terceros puede causar un conflicto. Por lo tanto, es importante mantener de antemano su tema de división actualizado y probar todos los complementos de tercera parte. Nos esforzamos por probar las optimizaciones construidas de Divi con otros complementos de optimización populares. Pero no hay forma de evaluar todos los tonos de un sitio web para decir que uno funcionará mejor para todos o que no aparecerán conflictos. Por ejemplo, los complementos de terceros podrían reducir o mover automáticamente los archivos JavaScript de una manera que pueda causar errores / problemas, por lo tanto, asegúrese de probar su sitio web con cuidado. Y si hay un conflicto, puede ser necesario deshabilitar las opciones de división construidas y dejar que el complemento de tercera parte administre las cosas.