Un usuario preguntó 👇
Inhabilité las fuentes de Google, pero gstatic todavía es visible en la cascada. Mi cascada muestra que gstatic está tomando un tiempo de carga de 1.2 segundos. Definitivamente quiero reducir esto. Pero, ¿no dedicará esto más tiempo a mi servidor a los visitantes que viven más lejos de mi servidor? Estoy usando una nube para que pueda extraer las fuentes de mi servidor automáticamente. Encontré un foro de soporte aquí que decía que un script resolvió el problema. Aquí está el enlace: https://wordpress.org/support/topic/remove-google-fonts-does-not-remove-preconnect-to-https-fonts-gstatic-com/
El script que funcionó para @mayamitkind es:
/**
* Removes the preconnect to fonts.gstatic.com
*/
add_filter('autoptimize_html_after_minify', function($content) {
$content = str_replace("<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />", ' ', $content);
return $content;
}, 10, 1);¿Funcionará este código en todos los sitios, incluido el mío? ¿Qué significa el código general? En segundo lugar, y lo más importante, ¿DÓNDE QUIERE ESTE CÓDIGO? ¿En mi functions.php? o en mi cuadro de tema CSS personalizado en el personalizado? No me siento muy cómodo con todas estas codificaciones, así que lo paso mal. Una simple respuesta no geek sería genial.
¡Gracias!
Este tema fue modificado hace un año por.
(@optimizingmatters)
hace 1 año
El fragmento de código elimina el vínculo previo, pero puede significar que hay más de un vínculo previo en su sitio. ¿Puedes compartir la URL para que busque rápido?
(@soumahmed)
hace 1 año
Ojalá pudiéramos compartir enlaces de forma privada aquí para que solo los desarrolladores puedan verlos.
Aquí están los resultados de la prueba. Mira una cascada. Solo probé una página específica de producto. Prueba de página web: https://webpagetest.org/result/200112_6Q_547c842b6be5b3e5e6e5141e77b48ae4/
GTmetrix: https://gtmetrix.com/reports/soumwild.com/p6HCLbKD
(@optimizingmatters)
hace 1 año
Basado en la fuente HTML, Google Fonts no está deshabilitado, pero está diseñado para «Combinar y precargar en el encabezado (las fuentes se cargan tarde, pero no bloquean el renderizado), hay una pantalla: swap.» Para ver fonts.gstatic.com soumahmed?
(@soumahmed)
hace 1 año
Sí, lo habilité nuevamente porque no vi ninguna reducción en fonts.google.api, todavía estaba lanzando la misma cantidad de solicitudes de red y fonts.gstatic.com eran los mismos. Los desactivé de nuevo y agregué este script a functions.php para cargar las fuentes de Google más rápido.
add_action( 'wp_head', 'themeprefix_load_fonts' );
function themeprefix_load_fonts() {
?>
<!-- Code snippet to speed up Google Fonts rendering: googlefonts.3perf.com -->
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700,700italic,800,800italic,italic,regular&subset=latin,latin-ext" as="fetch" crossorigin="anonymous">
<script type="text/javascript">
!function(e,n,t){"use strict";var o="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700,700italic,800,800italic,italic,regular&subset=latin,latin-ext",r="__3perf_googleFonts_7b4cc";function c(e){(n.head||n.body).appendChild(e)}function a(){var e=n.createElement("link");e.href=o,e.rel="stylesheet",c(e)}function f(e){if(!n.getElementById(r)){var t=n.createElement("style");t.id=r,c
</script>
<!-- End of code snippet for Google Fonts -->
<?php
}Este GTmetrix: https://gtmetrix.com/reports/soumwild.com/JpeS243o
prueba de la página web: https://webpagetest.org/result/200112_62_bc5b1646f8b98fb97db65951ab9c862d/
Esto aumentó el tiempo de carga y aumenta las horas de carga de los gstatics en la cascada. Esto básicamente hace más daño que bien @optimizingmatters
Creo que webpagetest es más confiable. Gtmetrix mantiene resultados variables
Esta respuesta fue modificada hace 1 año por. Esta respuesta fue modificada hace 1 año por. Esta respuesta fue modificada hace 1 año por.
(@optimizingmatters)
hace 1 año
Sí, todavía creo que «eliminar Google Fonts» dará los mejores números, pero necesitamos ver por qué eso no funciona (todavía) 🙂
(@soumahmed)
hace 1 año
@optimizingmatters ¿ha encontrado una solución? Oh, hice lo que dijiste. Las fuentes de Google se eliminaron hace días y se agregaron a ese script en functions.php Waterfall todavía muestra static.gstatic.com tomando un tiempo de carga enorme.
¡Por favor ayuda!
¿Debo agregar ese script sugerido por @mayamitkind y, de ser así, dónde debería agregarse el script?
(@optimizingmatters)
hace 1 año
pero por que pondrias eso themeprefix_load_font script en functions.php ¿desea eliminar las fuentes de Google?
(@soumahmed)
hace 1 año
@Optimizingmatters señala que utilizo letras abiertas como fuente en todas mis páginas. Esa es una fuente de Google. Si elimino la fuente de Google y no la cargo en mi servidor, ¿cómo aparecerá el texto en la página? (lo siento si mi lógica es incorrecta, no sé mucho sobre todo esto)
(@optimizingmatters)
hace 1 año
bueno, no puedes comer tu pastel y comértelo; Si desea evitar las llamadas a static.gstatic.com, todas las fuentes de Google están deshabilitadas y deberá deshabilitarlas. themeprefix_load_font función. los navegadores generalmente recurren a una fuente proporcionada por el sistema operativo y debería ver muy poca diferencia.
(@soumahmed)
hace 1 año
@optimizingmatters ty para aclarar la confusión, ¿la fuente está abierta como de costumbre? ¿Es una fuente que proporciona el sistema operativo en la mayoría de los navegadores? Además, he desactivado prefix_load_font y la mayor parte de static.gstatic.com de la cascada ya no está, pero dos de ellos muestran 400MS, cada uno de los cuales tarda aproximadamente 800MS en cargarse.
PD: hay algo nuevo en la cascada que muestra «modules.ttf», que está tomando 400MS adicionales, por lo que en total estas 3 cosas están consumiendo hasta 1.2 segundos de tiempo de carga. PSP Estoy usando Divi…
Aquí está la cascada: https://gtmetrix.com/reports/soumwild.com/73DSpPtS
Esta respuesta fue modificada hace 1 año por. Esta respuesta fue modificada hace 1 año por.
(@optimizingmatters)
hace 1 año
“Open sans” es una buena fuente base (pero no soy diseñador). la mayoría de los sistemas operativos no lo proporcionan, pero cada sistema operativo utilizado tiene su propia fuente sans-serif básica.
los gfonts restantes son de https://cdn.popt.in/css/heb-fonts.min.css estás integrando un servicio de terceros, por lo que no puedes solucionarlo. Tengo miedo.
(@soumahmed)
hace 1 año
tysm! ¿Cómo puedo deshacerme del module.tff? Leí tu respuesta en otra publicación: https://wordpress.org/support/topic/how-would-i-exclude-modules-from-the-css/
¿Debo agregar este script a mi style.css en mi tema divi child para una eliminación segura?
@font-face{font-family:ETmodules;src:url(core/admin/fonts/modules.eot);src:url(core/admin/fonts/modules.eot?#iefix) format("embedded-opentype"),url(core/admin/fonts/modules.ttf) format("truetype"),url(core/admin/fonts/modules.woff) format("woff"),url(core/admin/fonts/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}
@optimizingmatters
Esta respuesta fue modificada hace 1 año por.
(@optimizingmatters)
hace 1 año
agregando que las solicitudes no serán olvidadas. tal vez contacte al soporte de Divi para preguntar cómo se pueden eliminar.
¿Solucionó tu problema??
0 / 0