Un usuario preguntó 👇
Hola,
Estoy ejecutando una prueba de vista rápida de la página y sigo recibiendo quejas sobre:
Elimine JavaScript y CSS que bloquean la representación en el contenido de la mitad superior de la página «
/cache/wpfc-minified/9km632dsfkg/80fzj.js ..etc /cache/wpfc-minified/de7ynpcj/e17d4.css ..etc
¿Todos parecen estar dentro del directorio caché / caché?
¿Hay alguna forma de eliminar esto? ¿Es esta una pregunta, entonces, cómo lo soluciono?
Muchas gracias
(@optimizingmatters)
Hace 2 años, 5 meses
parece que está utilizando 2 plugins para minimizar (AO y WP Fastest Cache), que no se recomiendan. Si desea utilizar AO, le sugiero que desactive la minimización en WPFC (que es un gran plugin de almacenamiento en caché de páginas).
en el momento en que verá los archivos * reales * que están bloqueando el renderizado, su CSS AO’ed y jquery.js probablemente lo harán.
para SEC AO’ed, consulte “inline & aplazamiento” (más información en las preguntas frecuentes de AO). para jQuery puedes intentar eliminar js/jquery/jquery.js a partir de las exclusiones optimizadas de JS AO, deberá probar a fondo su sitio para asegurarse de que aún funciona (a menos que haga retroceder el cambio).
Espero que esto aclare, honestamente
(@tinkertravels)
Hace 2 años, 5 meses
Hola,
Gracias por la respuesta.
He desactivado la depuración de Fastest Cache para JS y CSS. Luego limpie y elimine la caché. El plugin todavía está activo.
Quito la línea de AO js/jquery/jquery.js y no entiendo esa pregunta JS ahora. Pero…
Luego, el ritmo de la página Speed Insights prueba y todavía se queja de lo siguiente:
Elimina el bloqueo de renderizado de JavaScript y CSS en el contenido de la mitad superior de la página.
https://sitenamehere/cache/wpfc-minified/diihqr4g/fntu8.css
https://sitenamehere/cache/wpfc-minified/7b25y102/fntu8.css¿Tengo que poner las dos líneas anteriores en el cuadro de área de texto «en línea y diferir»? Para ser honesto, no estoy muy seguro de lo que debería agregar aquí.
No veo ningún resultado / quejas que no sean resultados en / cache.
Espero que puedas asesorarte.
Gracias
(@optimizingmatters)
Hace 2 años, 5 meses
seo
https: //sitenamehere/cache/wpfc-minified/diihqr4g/fntu8.css
sugiere que la vista de Google Pagespeed de alguna manera ve el código mince de WP Fastest Cache, el almacenamiento en caché todavía está activo o hay un almacenamiento en caché de páginas (¿extra?) que aún debe limpiarse (¿su proveedor de alojamiento?).
para inline y aplazamiento, vea este video;
(@tinkertravels)
Hace 2 años, 5 meses
De acuerdo, tengo el plugin de caché más rápido, porque probablemente no necesites ambos.
Ahora obtuve los resultados «verdaderos» de «Eliminar JavaScript y CSS que bloquea la representación en el contenido en la mitad superior de la página».
Muestra todo el CSS de / cache / autoptimise … css
Sin embargo, mientras sigo el video, tengo más de 11 archivos CSS, ¿cómo sé cuál copiar para esa herramienta?
Mi sitio es mi nombre de usuario de punto com.
Todavía estoy en amarillo / naranja para los resultados a la velocidad de la página. Más de esos errores para dispositivos móviles, con solo el de escritorio, con una puntuación de 62
Gracias por la información / ayuda, muy apreciado
Editar: Hay demasiados archivos CSS para revisar, ¿puede este plugin fusionarlos todos en uno para que sea más fácil configurar lo anterior? Finalmente estoy con esto, porque puedes decir que no soy técnico jajaja
Esta respuesta fue modificada hace 2 años, 5 meses. Esta respuesta fue modificada hace 2 años, 5 meses.
(@optimizingmatters)
Hace 2 años, 5 meses
De acuerdo, obtuve el plugin de caché más rápido, porque probablemente no necesites ambos.
no del todo correcto; realmente necesita las funciones de almacenamiento en caché de las páginas WPFC (u otros plugins).
Sin embargo, mientras sigo el video, tengo más de 11 archivos CSS, ¿cómo sé cuál copiar para esa herramienta?
cuando AO se está ejecutando, probablemente solo le quedarán entre 1 y 3 CSS, y uno de ellos será mucho más grande, use el contenido de ese 🙂
Esta respuesta fue modificada hace 2 años, 5 meses. Razón: agregue una declaración a la necesidad de almacenamiento en caché de la página
(@tinkertravels)
Hace 2 años, 5 meses
Bien, vuelva a habilitar eso y simplemente reduzca HTML, CSS y JS.
Seguí el video de arriba y llegué al primer archivo principal grande de CSS (de 11). Como resultado:
Aproximadamente el 61% del contenido anterior a la devolución en su página podría proporcionarse.
Sigo quejándome de los estilos de mi tema, obtengo estilos AVADA.
¿Tendré que seguir el mismo proceso para los otros 10 archivos CSS? Debido a que solo hay un archivo CSS en la parte superior de todos los videos que he visto, ¿tengo 11?
Gracias
Editar: arroja más errores ahora
Su página requiere viajes de ida y vuelta de red adicionales para proporcionar el contenido anterior. Para obtener el mejor rendimiento, reduzca la cantidad de HTML necesario para entregar contenido en la mitad superior de la página.
Se requirieron 116,6 KB de la respuesta HTML para proporcionar el contenido incluido anteriormente. Esto requiere 4 viajes de ida y vuelta a la red. Priorice el contenido envuelto anteriormente para que se pueda procesar con solo las primeras 3 rondas de HTML.
Esta respuesta fue modificada hace 2 años, 5 meses.
(@optimizingmatters)
Hace 2 años, 5 meses
Ya veo, tiene un número excepcionalmente alto de archivos CSS AO’ed porque el CSS original tiene diferentes attirbutes de medios. la mejor opción es probar otra herramienta crítica de CSS (consulte las preguntas frecuentes para ver otros enlaces), una herramienta que no requiere que copie / pegue el CSS original. Prefiero criticcss.com, pero esa es una solución paga.
(@tinkertravels)
Hace 2 años, 5 meses
No me importa pagar si funciona.
¿Cómo es que hay tantos archivos CSS y no solo uno que los combina a todos?
Cuando ejecuto la información de la página, dice que la optimización de plegado funcionó.
(@tinkertravels)
Hace 2 años, 5 meses
captura de pantalla aquí: https://imgur.com/a/W8H0n8Y
(@optimizingmatters)
Hace 2 años, 5 meses
Cuando ejecuto la información de la página, dice que la optimización de plegado funcionó.
bueno, si Google está contento, ¿de quién soy yo para quejarme? 😉
(@tinkertravels)
Hace 2 años, 5 meses
Gracias por su ayuda de nuevo.
Una última cosa, noté cuando cambio la configuración dentro de mis temas de configuración de AVADA, es decir: apago la fuente muy bien. Luego vuelvo a él más tarde y todas las configuraciones que cambié están de vuelta. Creo que este es un problema de depósito.
¿Es este arreglo correcto para:
Excluir CSS de Autoptimize: wp-content / cache /, wp-content / uploads /, admin-bar.min.css, dashicons.min.css
^ ¿Deberían estar allí o debería ser blanco?
(@optimizingmatters)
Hace 2 años, 5 meses
Una última cosa, noté cuando cambio la configuración dentro de mis temas de configuración de AVADA, es decir: apago la fuente muy bien. Luego vuelvo a él más tarde y todas las configuraciones que cambié están de vuelta. Creo que este es un problema de depósito.
consulte con su póster, puede ser un problema con el almacenamiento en caché de la base de datos / objetos, por ejemplo, redis o memcached
¿Es este arreglo correcto para:
Excluir CSS de Autoptimize: wp-content / cache /, wp-content / uploads /, admin-bar.min.css, dashicons.min.css
^ ¿Deberían estar allí o debería ser blanco?
esos son los valores predeterminados, pero puedes jugar con ellos si quieres
(@tinkertravels)
Hace 2 años, 5 meses
Lo siento de nuevo, no sé qué está pasando aquí, pero ahora tengo más de 9 archivos que dicen:
Elimina el bloqueo de renderizado de JavaScript y CSS en el contenido de la mitad superior de la página.
No he hecho nada diferente, ¿alguna idea sobre esto?
nombre de usuario punto com
Todo dentro: cache / autoptimize / css /… autoptimize_1a994456dc5ce176f19d107b0b13a59e.css
Espero que puedas ayudar, no técnico en absoluto, me está estresando.
Esta respuesta fue modificada hace 2 años, 5 meses.
(@optimizingmatters)
Hace 2 años, 5 meses
No he hecho nada diferente, ¿alguna idea para esto?
Bueno, la información de Google Pagespeed es una caja negra y los resultados no siempre son consistentes. Deberá volver a visitar la generación de CSS crítica con otra herramienta.
(@tinkertravels)
Hace 2 años, 5 meses
Probé todos los demás y, por alguna razón, hacen que mis columnas de cuadrícula sean 2 en lugar de 3, por lo que ninguna de ellas funciona.
Marqué la opción de insertar cada CSS en línea, lo que parece darme una mejor puntuación y para minimizar ese problema, no estoy seguro de si es lo correcto.
¿Solucionó tu problema??
0 / 0