- This topic has 8 replies, 3 voices, and was last updated 4 years, 3 months ago by
.
-
Posts
-
Hi there,
I have tested the speed of my website using pingdom.com and I got the following overview:
It says that I could improve on my page speed by making Fewer HTTP requests.
Could you please help how I can do that?
Thanks!
Customer Support
Hi there,
Generally, you do this by removing unused plugins or images within the pages.
Aside from this, you can also install optimization plugins to minify and combine assets like JS and CSS so instead of having multiple requests for different CSS or JS files, they are all combines into 1 or 2 files, effectively reducing the number of requested asset files. 😀
Here’s an example scenario:
Say, your site has 10 stylesheet files and 6 javascript files being requested. Optimization plugins can get these files and combine all 10 stylesheet files into 1 stylesheet file and combine all 6 javascript files into 1 javascript file, effectively making 16 requests into 2 requests only. 🙂
Thanks for the reply, Elvin!
I am already using the WP Rocket plugin, which is a caching plugin. Is that the kind of plugin you meant?
Also, couple of other questions regarding page speed. I ran the test on pingdom.com which gave me the following stats on content size: https://imgur.com/EXuwN7C
1. Images is something I definitely need to optimize. Can you recommend a plugin for this? Perhaps the one you use on your own GP website?
2. When I look at the size of JS Script and CSS, they seem quite high. Do you agree with this? As an example, I compared it with the JS and CSS size of your GP website, and mine is substantially larger.
Is this because of the custom CSS you provided? Do you have any suggestion on how to optimize these?
3. Font size is also quite high. Is there a way to reduce this (perhaps delete some fonts that I am not using anyway)?
I have used the following code from your website to pull in the Inter font, as that’s what I am using. As far as I know this only pulls in the ‘Inter’ font and not the entire library of fonts.
add_filter( 'generate_typography_customize_list', function( $fonts ) { $fonts[ 'inter' ] = array( 'name' => 'Inter', 'variants' => array( '100','200','300','400','500', '600', '700', '800', '900', ), 'category' => 'serif' ); return $fonts; } );Many thanks in advance!
Customer Support
Hi there,
1. We don’t use an Image Optimization plugin/service on the GP website. We resize and optimize all images before uploading them.
I use ImageOptim which ios for MacOS only – but there site provides some alternative tools:
https://imageoptim.com/versions.html
2. The significant difference in CSS and JS sizes is due to the plugins you’re using. Elementor adds a lot more CSS and JS, and you’re also using FontAwesome icons which loads the entire FA Fonts. Look for the Elementor option to load FA icons as SVGs – it may help a little.
3. No the GP customizer won’t handle the Variable Font, so you need to remove the variants you’re not using.
Many thanks, David!
1.1 That’s very helpful. Is the idea behind optimising pictures before uploading them, so that you don’t have to use an image-optimization plugin? Which of course doesn’t weigh on the site…
1.2 May I ask if you are uploading PNG or JPEG images?
2. Clear!
3. Do you mean remove the Google fonts that i am not using? If so, could you tell how I can do this?
I’m basically only using Inter, so I wouldn’t need the rest.Thanks again!
1.1 Thats correct. Cropping images to size and compressing them before uploading is far more efficient then using a plugin.
1.2 Mixture of both. PNG Images are used when we have a transparent background to the image.
3. In the code above, this line:
'variants' => array( '100','200','300','400','500', '600', '700', '800', '900', ),Remove the weights you’re not using and they wont be available in the Customizer and they won’t be requested. This will reduce their file sizes.
Thanks, David!
Regarding the fonts, what I actually meant is to remove the fonts other than Inter that I am not using on my website. So the other fonts, like Arial, Calibri etc etc. Is there any way to remove those so that it doesnt take up space?
None of those fonts are not loaded on your site. Arial and Calibri are both system fonts, so your device/OS may be using them, but your site is not making requests for them.
- You must be logged in to reply to this topic.
