Instalar Complementos

En primer lugar, opta por el Versión completamente paga de Asset Cleanup Pro ya que tiene más funciones y nunca descargue una copia gratuita de ningún complemento. Estos podrían contener código malicioso y nunca se actualizan, lo que lo deja muy vulnerable.

Que hace Limpieza de activos profesional ¿Hacer?

Es como una pila completa de complementos de optimización en uno. También brinda un gran control sobre cada página de su sitio web. Puede cargar/descargar scripts hasta el nivel de página, puede descargar funciones de WordPress no utilizadas, puede diferir el código y controlar sus complementos.

En pocas palabras, es el mejor complemento para controlar su sitio web y es muy recomendable. Explicaré un poco cómo usarlo en la página siguiente.

¡Tiene tantas funciones que necesita una página propia!

Puede ejecutar WP-Rocket junto con Asset Cleanup Pro si su servidor no tiene un buen sistema de almacenamiento en caché integrado. Asset Cleanup Pro funciona en conjunto con sus funciones de almacenamiento en caché y son una buena combinación si necesita una solución de almacenamiento en caché.

Optimizar sus imágenes es fundamental para obtener un buen tiempo de carga de la página y una buena puntuación de velocidad de la página. Las imágenes modernas pueden ser muy grandes (varios MB) y si considera que toda esta página web tiene alrededor de 650 kb, incluido el código y las imágenes, puede ver la importancia de poner sus imágenes a dieta.

Hay varios optimizadores de imágenes en el repositorio de WordPress y la mayoría de ellos hacen bien el trabajo. Hay dos que recomiendo. Píxel corto y imaginar.

Shortpixel es bueno porque es gratuito (siempre que no te importe optimizar 50 imágenes a la vez) y funciona de inmediato. Hay un fácil de seguir. Guía del usuario de píxeles cortos en esta página si quieres probarlo.

Sin embargo, recomendaría instalar Imageify. El servicio es gratuito para hasta 200 imágenes al mes y solo $10/mes para uso ilimitado. Está configurado y olvidado, y también puede convertir (y servir) imágenes usando el nuevo formato WEBP, siempre que su servidor lo admita. Alojamiento Kinsta admite la compresión de imágenes WEBP si se lo preguntaba.

Nuevamente, dedicaré una página a Imagify más adelante en la guía y recomendaría usarla como complemento de optimización de imágenes.

Cohete WP es principalmente un complemento de rendimiento y almacenamiento en caché que acelera su sitio web. Es una de las soluciones más caras con $49 al año, pero funciona muy bien. La razón por la que es tan bueno es doble: tiene un proceso de configuración de un minuto que se explica por sí mismo y es rápido.

Agregue eso al hecho de que es totalmente compatible con Asset Cleanup Pro y tendrá una configuración lista para abordar todos los aspectos de la optimización. Incluso si su sitio web tiene un sistema de almacenamiento en caché, Cohete WP mejorará tus tiempos de carga y puntuaciones.

El almacenamiento en caché funciona como una especie de banco de memoria. Almacena todos los archivos y páginas en la memoria caché del servidor y luego muestra esa página al siguiente visitante. Esto evita que el próximo visitante tenga que descargar los archivos nuevamente para construir la página. Evita que los entornos CSS y JS tengan que descargarse en cada carga de página, lo que aumenta la velocidad.

Unas palabras sobre WooCommerce

El almacenamiento en caché es excelente para páginas estáticas donde el contenido nunca cambia. Sin embargo, para los sitios dinámicos puede resultar problemático o incluso suponer un riesgo para la seguridad.

Imagine que está comprando en un sitio web, va a su carrito y luego realiza el pago. Realizas el pago y todo está bien. Sin embargo, con el almacenamiento en caché, sus visitas a la cesta y al pago se mostrarán a la siguiente persona que vaya a su cesta, ya que ha recordado su última visita. Esto significa que nunca debe almacenar en caché su cesta ni la página de pago. Excluya siempre esas páginas de las optimizaciones. No son páginas de destino, por lo que no afectarán su SEO.

Puede Descargar WP-Rocket aquí.

Organizador de complementos es un viejo pero un goldie. Nuevamente les mostraré cómo funciona en las siguientes páginas.

Lo que hace es permitirle deshabilitar la carga de complementos por dispositivo. Supongamos que desea cargar un complemento pesado de JS (como Slider Revolution) solo en el escritorio, pero asegúrese de que no se carguen scripts en el dispositivo móvil para ahorrar peso de la página; este es el complemento para usted.

También puedes combinar esto con otro pequeño complemento llamado Fragmentos HTML. Lo que debe hacer es colocar cualquier código pesado, JS o video en un fragmento, luego colocar el fragmento en el creador de páginas web en lugar del código original. Luego, desactivas la carga del fragmento HTML en el móvil. Esto se explicará completamente en la página del organizador de complementos, pero es un punto de inflexión para diseño web.

Las fuentes tienen un tamaño sorprendentemente grande. Cada archivo de fuente puede pesar hasta 200 kb, por lo que desea utilizar la menor cantidad posible de ellos y descargarlos a su servidor para que el navegador pueda recuperarlos previamente y visualizarlos instantáneamente.

No sólo tienes estilos de fuente, también tienes pesos de fuente. La mayoría de nosotros usamos fuentes de Google y tener diferentes pesos (grosores) de fuente puede resultar en la descarga de archivos adicionales. Cada archivo que descarga un tema genera una llamada a los servidores de fuentes de Google. Realmente no desea esto, ya que es una conexión externa, que el navegador debe descargar antes de aplicarse a la página.

Que hace Dios mío ¿Hacer?

En unos pocos clics, Dios mío analiza todo su sitio web y descarga sus fuentes a su servidor. Es increíblemente simple y funciona. Volveré a dedicar una página a configurar OMGF más adelante en la guía, pero descárgala e instálala ahora. Es gratis.

Un consejo rápido sobre las fuentes

Siempre usa 'visualización de fuente: intercambiar' cuando se le pregunta cómo desea mostrar sus fuentes. Esto mostrará brevemente las fuentes estándar del sistema sin descargar las estilizadas de su tema. A Google le gusta esto y marcará una diferencia sustancial en los tiempos de carga de su página.

Flying Scripts es en realidad el nombre de un desarrollador que crea complementos de gran velocidad para WordPress. Hay dos complementos simples para instalar. El tiempo total de configuración para los dos complementos combinados es de menos de 2 minutos y ambos son complementos gratuitos.

Cuáles son Estos ¿Complementos?

El primero es Análisis de vuelo. Esto descarga el script de Google Analytics en su servidor para que no realice llamadas JS lentas a Google cuando utilice Analytics o Tag Manager. Lo abordaré en la página Flying Scripts, pero el uso de rastreadores de Google realmente perjudica la velocidad de tu página.

Así que adelante e instala ese. La única configuración que debe realizar después de la activación es ingresar su código de seguimiento de Analytics/Google Tag. Recomiendo configurarlo en seguimiento mínimo para guardar el código. Es todo lo que necesitarás. ¡Y eso es!

Qué pasa con la Segundo ¿Enchufar?

Se llama Páginas voladoras – y eso es aún más fácil de configurar. Simplemente instálelo y actívelo y listo. Lo único que recomendaría es configurarlo para que se precargue solo al pasar el mouse. Esto se debe a que precargar cada página desde los enlaces puede ralentizar ligeramente la puntuación de velocidad de la página, aunque el tiempo de carga para el usuario final sea más rápido. La precarga de páginas al pasar el mouse solo se activa cuando el usuario pasa el mouse sobre el enlace. Esto aún reduce el tiempo de carga de la página para el usuario final, pero resuelve el problema de la velocidad de la página.

La mayoría de los sitios web de WordPress utilizan temas. Los temas son geniales, aparte de una cosa: vienen con un montón de hinchazón.

Qué es Inflar?

Bloat es donde se ejecuta código adicional en su página que no es necesario. Las formas más comunes de hinchazón son Javascript y CSS.

Ahora imagina el momento en que compraste tu tema. Probablemente lo compraste porque se veía genial, tenía muchas funciones e hacía muchas cosas realmente interesantes. La cuestión es que, ahora que ha creado sus plantillas de página, probablemente no esté utilizando ni de lejos el repertorio completo de opciones de los temas. Aquí es donde entra en juego la hinchazón. Es un código que no usas en las páginas, ni es de ninguna utilidad para seguir adelante.

Todos esos gráficos, efectos CSS y opciones JS tienen un costo. Estarán en los archivos CSS/JS y se cargarán en la página, ya sea que los esté usando o no. Si considera que probablemente no esté utilizando 70-80% del CSS en el tema, la cantidad de datos no utilizados que se cargan en el navegador puede ser enorme. Aquí es donde entra en juego la purificación de CSS/JS. Reescribimos los archivos usando solo el código que necesita y esto genera un enorme ahorro de datos.

Cómo Carga rápida ¿Ayuda?

Nuevamente tendremos una página dedicada a ello, pero en esencia Carga rápida reescribe su CSS para que no haya bloatware en sus páginas. También lo hace página por página, en caso de que esté utilizando diferentes diseños en diferentes páginas. Es totalmente configurable y olvidado, y puede ahorrar una gran cantidad de datos: hasta 90% de su peso total de CSS, que asciende a 1 MB o más en sitios web temáticos.

Para los puristas, existe una opción gratuita para hacerlo en el Sitio web PurifyCSS. Puedes leer cómo purificar tu CSS en su Página de blog CSS. Se llama división de código y puede resultar complicado, especialmente si tienes muchas páginas y Rapidload simplemente lo hace todo por ti.

Estos son los únicos complementos que realmente necesitas instalar por ahora. Le brindará las herramientas para optimizar su sitio web adecuadamente, sin sobrecargarlo. mientras con mi servicio de velocidad de página Realizará muchos más ajustes manuales, las partes que lo guiarán a través de esta guía garantizarán que su sitio web pase Elementos vitales web principales de Google y aumentar sus posiciones en el ranking.

Pero cómo ¿Utilizo? ¿A ellos?

Ahora vamos a profundizar en lo que hace cada complemento para su sitio web y cómo comenzar a acelerarlo. Verás que estos complementos han sido seleccionados por su flexibilidad.

Le permitirán hacer todo lo que ha leído, desde posponer JS hasta precargar CSS.