How to improve mobile speed in my site

MIRANTHA

Supreme Member
Joined
Aug 6, 2019
Messages
1,366
Reaction score
508
My website mobile score is 17 in google page speed insight means very bad..

how to improve this guys..
i have no coding or web developing skills..
website using newspaper theme and hosted on namecheap..
Thank you
 

Attachments

  • image_2021-04-30_201209.png
    image_2021-04-30_201209.png
    92.1 KB · Views: 47

hideath

Jr. VIP
Jr. VIP
Joined
Jun 16, 2019
Messages
3,761
Reaction score
2,738
Website
For-rent
looks like you have some plugin that runs a heavy or broken js code most likely,
  • install amp plugin
  • install a caching plugin (wp rocket)
  • disable your plugins 1 by 1 and test to find which one causing the problem
Also, consider moving your website to a VPS as you'll get much better speed with approx the same price
 

MIRANTHA

Supreme Member
Joined
Aug 6, 2019
Messages
1,366
Reaction score
508
looks like you have some plugin that runs a heavy or broken js code most likely,
  • install amp plugin
  • install a caching plugin (wp rocket)
  • disable your plugins 1 by 1 and test to find which one causing the problem
Also, consider moving your website to a VPS as you'll get much better speed with approx the same price
will try this.Thank you
 

Roger Marquez

Jr. Executive VIP
Jr. VIP
Joined
Apr 17, 2017
Messages
4,477
Reaction score
6,571
Website
bit.ly

MIRANTHA

Supreme Member
Joined
Aug 6, 2019
Messages
1,366
Reaction score
508
I added AMP and minify css,html and javascripts.
added cloudflare too..
Now speed index shows 60 in mobile. i hope that will be enough..
thank you or the help guys..
 

koliman

Regular Member
Joined
Jul 15, 2013
Messages
473
Reaction score
208
Age
29
Cheers!!

Thanks for the tips, my site just got a better speed with a small portion of work.
 

Roger Marquez

Jr. Executive VIP
Jr. VIP
Joined
Apr 17, 2017
Messages
4,477
Reaction score
6,571
Website
bit.ly
Thanks for the tips, my site just got a better speed with a small portion of work.
Good to hear!

When auditing sites I found the most common issues affecting its loading speed/performance are...

IMAGES

The two more important image optimization tasks you can perform besides...
  • Compress
  • Lazy Load
  • Serve them through a CDN
Are...
  • Resize or Mobile Optimization - It´s not enough to properly resize images taking into account desktop and mobile users but to make sure to serve the appropriate image based on the device.
  • Convert to Webp - All major browsers support it and on the next WP update they will support it as well.

EXTERNAL SCRIPTS

This is also a common thing I notice in almost ALL the sites I work on. Some really overdo it and it has a deep impact on a site´s performance.

Thankfully, there´s Flying Scripts, an amazing free plugin that gets the job done.

The way I do it is to run the site´s URL through WebPageTest and go to the Domain tab and scroll down, if you have any external connections you should see it there and if you want the full list, head over the Domain tab. You should see the full list there.

Other issues are site-wide plugins, hosting fonts locally, etc.

Cheers!!
 

koliman

Regular Member
Joined
Jul 15, 2013
Messages
473
Reaction score
208
Age
29
Good to hear!

When auditing sites I found the most common issues affecting its loading speed/performance are...

IMAGES

The two more important image optimization tasks you can perform besides...
  • Compress
  • Lazy Load
  • Serve them through a CDN
Are...
  • Resize or Mobile Optimization - It´s not enough to properly resize images taking into account desktop and mobile users but to make sure to serve the appropriate image based on the device.
  • Convert to Webp - All major browsers support it and on the next WP update they will support it as well.

EXTERNAL SCRIPTS

This is also a common thing I notice in almost ALL the sites I work on. Some really overdo it and it has a deep impact on a site´s performance.

Thankfully, there´s Flying Scripts, an amazing free plugin that gets the job done.

The way I do it is to run the site´s URL through WebPageTest and go to the Domain tab and scroll down, if you have any external connections you should see it there and if you want the full list, head over the Domain tab. You should see the full list there.

Other issues are site-wide plugins, hosting fonts locally, etc.

Cheers!!

Thanks a lot for the useful info you shared. About Flying Script plugin, you need to spot and choose the scripts manually right ?
How you can spot them, should I use the Google speed suggestions ?
 

Roger Marquez

Jr. Executive VIP
Jr. VIP
Joined
Apr 17, 2017
Messages
4,477
Reaction score
6,571
Website
bit.ly
Thanks a lot for the useful info you shared. About Flying Script plugin, you need to spot and choose the scripts manually right ?
How you can spot them, should I use the Google speed suggestions ?
There are several ways to determining what scripts to delay...
  • Chrome dev tools
When upon loading the Chrome dev tools and heading over the JS tab at the top you can browse for all the resources that originated on an external domain.

Like the ones, I highlighted here...

1f7bed7368d0dcfbd6c4d60a79aeb067.png

  • Google PageSpeed Insights
On the Diagnostics section and insight the "Reduce the impact of third party code", you should be able to see a pretty good list of all the scripts downloaded and executed on that page coming from external domains...

6d2f1248716b4d27ec9d27b92411a447.png

  • WebPageTest
And perhaps my favorite tool to run this analysis. When you run a test using WebPageTest you can head over the "Content" tab at the top and, if you scroll down you should be able to see the "Connection View" chart which, will graphically show you all the DNS lookup connections your site has to make to all different external domains in order to download and execute those resources...

cc39b2a806c286ee66961f15b45fc7c5.png

And, all you want is a list, then head over to the "Domain" tab and scroll a bit down you should be able to see a couple of tables summarizing the most important external scripts loading on your site based on their number of HTTP requests (some domain load and execute more than one script) and the number of bytes during the transfer process...
9cc6f28cb18a2592541f916dd6bfc33e.png

You can just pick the domains from the right table as a base-ground to determining what scripts you want to delay on your site.

Make sure to exclude the fonts (since we´re going to host them locally) and any other script your site needs to fully render its content for visitors. Other than that, this list is pretty good!​
 

TimDig

Newbie
Joined
Jun 10, 2021
Messages
44
Reaction score
21
Website
blog.scribesbay.com
  • Select a robust and fast hosting provider - https://www.cloudways.com/en/
  • Caching - https://wordpress.org/plugins/wp-fastest-cache/
  • Select a lightweight and fast loading theme - https://generatepress.com/
  • Avoid Page Builders - Use https://oxygenbuilder.com/ instead
  • Keep plugins to a minimum - https://onlinemediamasters.com/slow-wordpress-plugins/
  • Optimize Images - https://shortpixel.com/
  • Host fonts locally - https://wordpress.org/plugins/host-webfonts-local/
  • Delay external scripts - https://wordpress.org/plugins/flying-scripts/
  • CSS and JS Delivery - https://wordpress.org/plugins/wp-asset-clean-up/
  • Media - https://wordpress.org/plugins/wp-youtube-lyte/
Cheers!!
Any alternative hosting provider?
 

koliman

Regular Member
Joined
Jul 15, 2013
Messages
473
Reaction score
208
Age
29
There are several ways to determining what scripts to delay...
  • Chrome dev tools
When upon loading the Chrome dev tools and heading over the JS tab at the top you can browse for all the resources that originated on an external domain.

Like the ones, I highlighted here...

1f7bed7368d0dcfbd6c4d60a79aeb067.png

  • Google PageSpeed Insights
On the Diagnostics section and insight the "Reduce the impact of third party code", you should be able to see a pretty good list of all the scripts downloaded and executed on that page coming from external domains...

6d2f1248716b4d27ec9d27b92411a447.png

  • WebPageTest
And perhaps my favorite tool to run this analysis. When you run a test using WebPageTest you can head over the "Content" tab at the top and, if you scroll down you should be able to see the "Connection View" chart which, will graphically show you all the DNS lookup connections your site has to make to all different external domains in order to download and execute those resources...

cc39b2a806c286ee66961f15b45fc7c5.png

And, all you want is a list, then head over to the "Domain" tab and scroll a bit down you should be able to see a couple of tables summarizing the most important external scripts loading on your site based on their number of HTTP requests (some domain load and execute more than one script) and the number of bytes during the transfer process...
9cc6f28cb18a2592541f916dd6bfc33e.png

You can just pick the domains from the right table as a base-ground to determining what scripts you want to delay on your site.

Make sure to exclude the fonts (since we´re going to host them locally) and any other script your site needs to fully render its content for visitors. Other than that, this list is pretty good!​
Thanks a lot! I had this problem terminated which scripts to delay but now I am ready for some testing.
 

VampireDamon

Jr. VIP
Jr. VIP
Joined
May 26, 2021
Messages
501
Reaction score
100
My website mobile score is 17 in google page speed insight means very bad..

how to improve this guys..
i have no coding or web developing skills..
website using newspaper theme and hosted on namecheap..
Thank you
The site which takes more time to load will have a higher bouncing rate.
You can improve your page speed by following these points.
Try minimizing server response time, place JS at the bottom and CSS at the top of HTML files, measure the RTT, avoid or minimize using redirects, prioritize important and visible content, optimize the CSS and the JS files, and reduce the size of the file.
 

RMX

Jr. VIP
Jr. VIP
Joined
Nov 16, 2009
Messages
1,481
Reaction score
542
1. Identify pages with excessive RTRs.
2. Combine files where possible.
3. Optimize the order of rendering.
4. Create a page load strategy.
5. Compress everything that you can.
6. Cache the right pages at the right time.
7. Build accelerated mobile pages.
 

CreativeLinks

Jr. VIP
Jr. VIP
Joined
Jan 23, 2014
Messages
3,806
Reaction score
273
Hi,

Try using this for speed

  • Serve Different Content to Mobile
  • Choose a Great Web Host
  • Enable CDN
  • Use Caching Plugins
  • Set up AMP
  • Compress and Optimize Images
  • Optimize Plugins and Themes
 
Top