OK I know, I want to know how to setup this to reduce load time of my pages, for example this link in my site is requested after 13 seconds from first load of the page:
The only way to reduce load time is to use the Default Open Sans Font that is available in the Theme and not Load any Google Fonts in the Typography Section or limit it to just 1or 2 .
Hey Faryabi, when running your URL through google page speed insights I'm not seeing those results. However, when inspecting the source code of your site it appears to be loading Libre Baskerville, Roboto , Roboto Condensed as well as Source Code Pro. Are you intentionally settings all of those in the Salient options panel? If not, please supply a temporary admin account so that we can take a look at the backend to assist.
I removed the unneeded font from typography options - if you're only using Roboto as the font for the body as well as headings, you can simply prevent open sans from loading by using the option shown in the attached screenshot as well.
If you make that change, just remember to clear your cache from WP rocket after doing so.
1.Fontawesome is loaded through Salient by default as it's used in various places - for example, the social icons you have in the header and footer, the back to top button in the bottom right etc.
If you want to remove it, you can add this into your child theme functions.php file:
2. Iconsmind will load conditionally when using any of the icons - it appears you have selected 4 of them underneath your home page video in the sections titled "Two Games Characters", Games Like Papers Please", "Papers Please Download", "All Games"
Hi,
Can you please guide me how to config Typography section in them option ?
Hi Faryabi,
You can find typography in theme options by navigating to Salient > Typography
http://themenectar.com/docs/salient/theme-options/typography/
Hope this helps.
OK I know, I want to know how to setup this to reduce load time of my pages, for example this link in my site is requested after 13 seconds from first load of the page:
Request 44: https://fonts.googleapis.com/css?family=Roboto%3A400%2C700URL: https://fonts.googleapis.com/css?family=Roboto%3A400%2C700 Host: fonts.googleapis.com IP: 172.217.164.138 Error/Status Code: 200 Priority: high Protocol: h2 Initiated By: https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2283321521998252&output=html&h=906&adk=1107965682&adf=2767093160&w=414&lmt=1583733983&ecr=1&rafmt=9&to=qs&pwprc=1912490328&psa=1&guci=2.2.0.0.2.2.0.0&format=414x906&url=https%3A%2F%2Fdazepuzzle.com%2Fbrain-test-level-265%2F&flash=0&crui=pedestal&fwr=1&fwrattr=1&pra=3&rw=320&wgl=1&fa=30&adsid=NT&dt=1583735126483&bpp=288&bdt=15121&fdt=289&idt=289&shv=r20200303&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3Dbba5d9c4f3c3d9a0%3AT%3D1583735113%3AS%3DALNI_MYuKeEmg9evILYgHiaGtfs0GZxb8w&crv=1&prev_fmts=0x0%2C320x267%2C320x267%2C320x267&nras=4&correlator=2750776599626&frm=20&pv=1&ga_vid=1612508587.1583735114&ga_sid=1583735116&ga_hid=1728488314&ga_fc=0&iag=0&icsg=10619823&dssz=19&mdo=0&mso=0&u_tz=-240&u_his=1&u_java=0&u_h=736&u_w=414&u_ah=736&u_aw=414&u_cd=32&u_nplug=0&u_nmime=0&adx=0&ady=6489&biw=414&bih=672&scr_x=0&scr_y=0&eid=21065531&oid=3&psts=ABP-KfQRu4IVlAOA20aL_IGMXj0ottk1gMqe0m1RjX3ObpQLMkFWj09mKPp1j628Y7aP%2CABP-KfRcErXQGoJVl... line 1 Request Start: 16.071 s Time to First Byte: 75 ms Content Download: 31 ms Bytes In (downloaded): 1.1 KB Uncompressed Size: 4.6 KB Bytes Out (uploaded): 1.0 KB
Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load.
https://.../wp-content/themes/salient/css/fonts/fontawesome-webfont.woff?v=4.2
https://.../wp-content/themes/salient/css/fonts/steadysets.ttf
Hey Again,
The only way to reduce load time is to use the Default Open Sans Font that is available in the Theme and not Load any Google Fonts in the Typography Section or limit it to just 1or 2 .
Best
ThemeNectar Support Team
Please check attached image, Got it right?
Yes thats correct.
Best
ThemeNectar Support Team
Please help me how can I resolve this ?!?
Preload key requests
10.62 s
Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL Potential Savings https://dazepuzzle.com/wp-content/themes/salient/css/fonts/fontawesome-webfont.woff?v=4.210,620 ms https://dazepuzzle.com/wp-content/themes/salient/css/fonts/OpenSans-Light.woff9,480 ms https://dazepuzzle.com/wp-content/themes/salient/css/fonts/OpenSans-Bold.woffHey Faryabi, when running your URL through google page speed insights I'm not seeing those results. However, when inspecting the source code of your site it appears to be loading Libre Baskerville, Roboto , Roboto Condensed as well as Source Code Pro. Are you intentionally settings all of those in the Salient options panel? If not, please supply a temporary admin account so that we can take a look at the backend to assist.
If you're just wondering how to add rel=preload for the font requests - WordPress does not provide a native option to do that. It can still be achieved through a child theme by following this guide: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization#preload_your_webfont_resources
Thanks Faryabi,
I removed the unneeded font from typography options - if you're only using Roboto as the font for the body as well as headings, you can simply prevent open sans from loading by using the option shown in the attached screenshot as well.
If you make that change, just remember to clear your cache from WP rocket after doing so.
Thank you,
Yes I want to use only one font for the body and headings but there are another fonts in theme that are loading on my site,
Can you please tell me where these are in theme option and how can I stop theme from loading?
I have removed WP rocket cache.
https://dazepuzzle.com/wp-content/themes/salient/css/fonts/steadysets.ttf
https://dazepuzzle.com/wp-content/themes/salient/css/fonts/fontawesome-webfont.woff?v=4.2
You're welcome
1.Fontawesome is loaded through Salient by default as it's used in various places - for example, the social icons you have in the header and footer, the back to top button in the bottom right etc.
If you want to remove it, you can add this into your child theme functions.php file:
2. Iconsmind will load conditionally when using any of the icons - it appears you have selected 4 of them underneath your home page video in the sections titled "Two Games Characters", Games Like Papers Please", "Papers Please Download", "All Games"
Cheers