WP Rocket y Self -heading: cómo usarlos juntos

El sitio web está cargado … si está interesado en optimizar el rendimiento de WordPress, probablemente tenga sobre el complemento gratuito. Es bastante popular en más de un millón de sitios y también ha recolectado más de mil críticas de cinco estrellas en WordPress.org. ¿Podrías preguntarte a ti mismo y/o deberías usar autoadeño si ya estás usando WP Rocket? En esta publicación, responderemos esta pregunta y también compartiremos algunos consejos sobre cómo configurar correctamente. ¿Puedes usar autoadio con WP Rocket? Respuesta corta: Sí, puede usar WP Rocket y Self -heading al mismo tiempo. De hecho, WP Rocket ha construido una compatibilidad para la autoevaluación para garantizar la navegación suave.
Sin embargo, el cohete WP y la autoevaluación tienen diferentes características (aunque se superponen en algunas áreas), por lo que el autoptimis no es un reemplazo independiente para el cohete WP. Lo más importante, la autoevaluación no incluye caché de página. Respuesta larga: Lea el resto de esta sección. Las diferencias de alto nivel entre AutoPtimize y WP Rocket tanto WP Rocket como AutOptimize lo ayudan a acelerar su sitio web de WordPress. Sin embargo, tienen diferentes conjuntos y enfoques:
WP Rocket es un complemento completo de caché y rendimiento. Implementa el almacenamiento de caché de la página más una serie de buenas prácticas de rendimiento en una amplia gama de campos.
La autoevaluación se centra principalmente en optimizar una parte de rendimiento específica: el código de su sitio: HTML, CSS, JavaScript, etc. Por ejemplo, miniificación, concatenación de archivos, aplazamiento del código de bloqueo de colocación, etc. La autoevaluación incluye varias otras características de optimización, pero el núcleo de sus características es la optimización del código. Para mayor claridad, podría ayudar a definir algunos términos antes de continuar con las diferencias:
Minifificación-eliminación de contenido innecesario del código para reducirlo sin cambiar la funcionalidad. Por ejemplo, eliminar espacios o comentarios blancos.
Agregación de archivos/concatenación que combina varios archivos CSS/JavaScript en uno para reducir las solicitudes HTTP.
Retrasar el código de espera para cargar el código menos importante hasta que se haya cargado el contenido más importante. Por ejemplo, priorizar la carga de la parte visible por encima de la página de su sitio en comparación con un script de seguimiento.
Sin embargo, la autoevaluación no proporciona otras tácticas de optimización importantes como:
Memoria de la página en caché
El caché del navegador en caché
compresión gzip
y así
Por esta razón, AutoPtimize no es un reemplazo para WP Rocket. Además, WP Rocket incluye algunas características para la optimización del código. Por ejemplo, WP Rocket puede ayudarlo a minimizar CSS y JavaScript e incluir algunas características de concatenación, por lo que hay una superposición entre el cohete WP y las características de autoptimización. Sin embargo, debido a que la autoptimización se centra principalmente en una cosa (optimización del código), entra un poco más en esta área que el cohete WP. Entonces, si desea un control aún mayor sobre la optimización del código, esta sería una razón importante por la que quiera que desee asociar la autoevaluación con WP Rocket. Para resumir:
WP Rocket está diseñado para que sea el único complemento de rendimiento de WordPress que la mayoría de las personas necesitan.
La autoevaluación se centra principalmente en un lado de la optimización del rendimiento, lo que le permite ingresar un poco más de detalles. Todavía necesita asociarlo con un caché como WP Rocket (al menos).
Diferencias específicas entre el cohete de autoadio y WP en la sección anterior, dije que el autoptimizado es más profundo en algunas áreas que el cohete WP. Comparemos la configuración, para que pueda ver las diferencias … Aquí están la configuración de optimización de archivos en el cohete WP (ubicado en la pestaña Optimización de archivos). En la parte superior, puedes:
Minimiza CSS
Optimizar las fuentes de Google
Combinar archivos CSS (con la opción de excluir manualmente ciertos archivos)
Optimice la entrega de CSS mediante la integración automática de CSS crítico y la carga asincrónica del resto.
Pestaña de optimización de archivos También tiene opciones similares para JavaScript. Puedes:
Reducir JavaScript

Combine los archivos en línea de JavaScript y JavaScript (con la opción de excluir manualmente ciertos archivos y JavaScript en línea) Eliminar jquey migra
Cargando JavaScript pospuesto
Opciones para archivos JavaScript y aquí están la configuración. Opciones de JavaScript:
Opciones de JavaScript en opciones de autoptimización de CSS
Opciones de CSS Optimización automática Aunque hay muchas superposiciones, tiene algunas opciones más avanzadas que exceden el cohete WP. Por ejemplo, también puede excluir los archivos excluidos de ser minimizados, ajustando la forma de guardar los archivos agregados, etc. Con JavaScript, puede experimentar diferentes configuraciones para resolver ciertos problemas, etc. Si accede a la pestaña adicional, verá algunas opciones más avanzadas. Por ejemplo, AutoPtimize le brinda cinco opciones diferentes para optimizar la fuente de Google:

Pestaña adicional en la auto -optimización de estas comparaciones, puede ver que, en un alto nivel, WP Rocket hace cosas similares a la autoaptulación. Sin embargo, la autoevaluación es un poco más profunda en algunas áreas y le brinda más control sobre cómo funciona la optimización de archivos.

Optimizar la fuente de Google es un buen ejemplo de esta diferencia:

Con WP Rocket, WP Rocket activará y aplicará automáticamente la optimización de Google Font con lo que creemos que son la configuración óptima para la mayoría de los usuarios.

Con la autooptimización, puede elegir exactamente cómo funciona la optimización. Por ejemplo, puede cargarlos bloqueando la representación, puede posponerlos, puede eliminarlos por completo, etc.
Veo el caché autocurido, ¿no hagas lo mismo que WP Rocket? En las capturas de pantalla anteriores, puede ver la expresión “auto -pentimización de caché” en la configuración autoptimizada. Esta podría ser una de las razones por las cuales algunos usuarios creen que WP Rocket y AutOptimize hacen lo mismo. El caché de autoptimización no se refiere al almacenamiento de la página, lo que hace que WP Rocket. “Cache de autoevaluación” se refiere solo a los archivos optimizados que la autoevaluación genera automáticamente (y en caché). Por ejemplo, si el auto-cabeza combina dos hojas de estilo CSS separadas en una hoja de estilo único, AutOptimize almacenará esa hoja de estilo combinada, para que no necesite crear manualmente la hoja de estilo combinada en cada carga de página. Lo mismo es cierto para JavaScript agregado. ¿Deberías usar autoadio con WP Rocket? Ahora sabe que puede usar autoptimizado con WP Rocket y que, aunque hay muchas superposiciones, todavía hay algunas diferencias entre los complementos. Sin embargo, ¿tal vez una pregunta más importante es usar autoptimizaciones autoptimizadas con WP Rocket?
Aquí, realmente depende de la profundidad que desee ir con la optimización de rendimiento de WordPress. Si solo es un usuario ocasional que busca una solución simple para acelerar WordPress, es perfecto para quedarse con WP Rocket para mantener las cosas simples. Sin embargo, si desea más control sobre la optimización del código, la autoevaluación con WP Rocket puede ser una gran decisión. Una vez más, ambos complementos funcionan bien juntos, y Auto -Optimis le dará un poco más de control en algunas áreas.
Resumen :
Para usuarios ocasionales, es perfecto para usar WP Rocket y omitir autoaptizados. WP Rocket ya cubre la mayoría (pero no todo) de lo que se autoaptizan. Para los usuarios/tambores avanzados que desean un control más fino, puede preferir las opciones adicionales de AutOptimize, en cuyo caso puede asociarlo con WP Rocket.
Cómo configurar autoptimizado con WP Rocket ahora, veamos cómo configurar autoptimizaciones con WP Rocket (si desea seguir esa ruta).
Para esta sección, asumiremos que ya ha instalado y configurado WP Rocket. Si no lo ha hecho, puede obtener WP Rocket de vez en cuando por nuestras nociones introductorias de guía. Como mencioné anteriormente, WP Rocket tiene compatibilidad con la cabeza. Por lo tanto, a medida que configura la autoptimización, WP Rocket apagará automáticamente cualquier característica de cohete WP que pueda interferir con la autoevaluación. Verá un mensaje en la sección en cuestión y WP Rocket deshabilitará/evitará la activación de cualquier característica superpuesta:

Opciones de CSS En WP Rocket prácticamente, no tiene que preocuparse por la ocurrencia accidental de ningún problema de compatibilidad: lo hemos cubierto. Para configurar autoptimizaciones, vaya a Configuración → AutOptimize. En cualquier caso, antes de pasar por su configuración, debemos cubrir una nota rápida: cada vez que edita/combina el CSS o JavaScript de su sitio, siempre existe el potencial de causar pequeños problemas (esto también es válido para el cohete WP) . Por ejemplo, su sitio podría verse un poco desagradable después de activar una función. Si este es el caso, las mejores apuestas son las siguientes:
Intente encontrar el archivo específico que cause problemas y excluya (si tiene el conocimiento técnico para encontrar el archivo). Desecto esta característica específica si no está seguro de cómo encontrar el archivo problemático.
Por lo general, es más probable que encuentre estos problemas al combinar CSS o JavaScript. Opciones de JavaScript: JS, CSS y HTML En opciones de JavaScript, la opción más segura es verificar solo las dos primeras casillas:
Optimizar el código JavaScript
Archivos JS agregados

También puede experimentar con la opción JS en línea también de Agrgate. Sin embargo, preste atención a la advertencia, ya que podría causar problemas a algunos sitios:
Optimización automática de JavaScript Si encuentra errores, puede jugar con las opciones para forzar a JavaScript en o agregar el envoltorio de prueba de prueba, simplemente preste atención a las advertencias. Opciones de CSS – Tab JS, CSS y HTML En las opciones de CSS, un buen punto de partida es la marca de las primeras tres casillas:
Optimizar el código CSS
Archivos CSS agregados
También asalto CSS en línea
Opciones de CSS Optimización automática más sobre la opción de en línea y posponemos CSS cuando hablamos sobre la pestaña CSS crítica. Otras configuraciones: pestaña JS, CSS y HTML En opciones HTML, marque la casilla para optimizar el código HTML. Si está utilizando la red de entrega de contenido (CDN) en WP Rocket, también debe ingresar la URL básica de CDN en la configuración de las opciones de CDN. Si no usa un CDN, puede ignorar esta configuración.
Opciones de HTML En la cabeza de auto -cabezas en la parte inferior, también puede viajar varias opciones. Cuando tenga dudas, déjalos como valores predeterminados. La pestaña Imágenes de autoevaluación no incluye su propia función de optimización de imágenes. Sin embargo, se integra con las imágenes adaptativas de shortpixel. Alternativamente, puede usar nuestro propio complemento, Imagify, para optimizar sus imágenes. La autoevaluación también puede ayudar en imágenes perezosas e imágenes de WebP difusas. Sin embargo, WP Rocket ya administra estas funciones para usted en la pestaña de medios, por lo que le recomendamos que las deje discapacitadas en autoexpectaciones. La pestaña CSS es un tipo de característica avanzada, por lo que es poco fuera del alcance de esta publicación. Le daré la versión muy corta aquí, pero puede consultar nuestra guía completa para CSS Critic si desea obtener más información. El CSS crítico de su sitio (“C” en el pequeño crítico) se refiere al CSS necesario para jugar la parte “anterior” de su sitio que aparece la primera vez que está cargando. Solo puede tomar CSS para este código y puede “en línea”. Luego puede esperar para cargar el resto del CSS. Esto acelera los tiempos de carga percibidos de su sitio si no es un experto en CSS, puede ser difícil entender qué es el crítico de CSS y lo que no. WP Rocket puede tratar de detectar este CSS para usted, pero algunos sitios pueden tener ciertas configuraciones que podrían causar problemas críticos de CSS.

Esto nos lleva al CSS crítico (“C” en mayúsculas), que es un servicio remunerado que le ayuda a detectar automáticamente y con precisión Critic (Tiny “C”), página por página. Si está dispuesto a pagar por el servicio CSS crítico, AutoPtimize le permite integrarse con ese servicio en esta pestaña CRÍTICA EN SELO TO Note-WP Rocket 3.6 ha introducido una gestión mucho mejor de la CSS personalizada para diferentes páginas, por lo que nosotros Le recomiendo que se quede con la característica crítica del CSS del cohete WP, en lugar de pagar adicionales por el Servicio de Críticos CSS. Además, la pestaña adicional le permite configurar algunas configuraciones avanzadas adicionales. Sin embargo, la mayoría de ellos tampoco:
Se superpone directamente con el cohete WP en caso de desactivación de emociones o eliminación de cadenas de consulta.
Requiere conocimiento avanzado para su uso. Por ejemplo, la elección de solicitudes de precarga específicas o archivos JavaScript en Asincron.
Si no es un usuario avanzado, probablemente pueda ignorar todo aquí y quedarse con la configuración de cohetes WP.

Pestaña adicional En autoptimización Obtenga ayuda pagada de la autoevaluación Si tiene dificultades para configurar algunas de estas funciones, AutoPtimize ofrece un servicio pagado para configurar el complemento durante 249 EUR.