Canvas Support

Google Page Speed on Mobile

3 replies · opened Jun 19, 2022

BBMacm1Jun 19, 2022

Running Google Lighthouse in Chrome v102 shows several issues with performance, particular Time to Interactive and largest Contentful Paint. Please see the link to the SemicolonWeb Canvas sample site for reference. These issues are not there on desktop, desktop is acceptable performance, mobile is not.

In particular I've found iOS/Safari Mobile to be particularly bad with "hangs" apparent due to the Time to Interactive.

Note: I'm running canvas version 6.6 on my own site and also see the above issues.

SSemicolon WebSTAFFJun 19, 2022

Hello,

Since Canvas is a Multi-Purpose Template, all the CSS/JS Codes are provided and loaded onto the Page by default. For production websites, you will need to manually delete these codes according to what is needed on your Website. You can simply delete the js/plugins.min.js JS File Linking from your HTML File and our smart JS Functions will automatically enable Lazy Loading for JS Files which will load according to the Elements on the Page, so no extra JS Codes. More details here: http://docs.semicolonweb.com/docs/getting-started/javascript/ . For CSS, you will need to use the style-import.css File to include/exclude CSS according to your needs. Other Files like Images/Videos or other Media can be removed manually. Additionally, you can make more improvements using these Optimization Tips: https://docs.semicolonweb.com/docs/getting-started/website-optimization-tips/ .

Canvas Live Demos are not complete optimized based on Google Lightbox but still has pretty good scores. Attached Recent Results for Google Page Speed and GTMetrix Results can be found here: https://gtmetrix.com/reports/themes.semicolonweb.com/UNOT9co5/ . Additionally, when you check the Niche Demos, the Scores are even better. And then if you make more optimizations to the Images, use Lazy Loading, Remove all unused codes, minify them, and use critical css, the scores will 90+ in both Mobile/Desktop. But since these Website Optimizations comes under Customizations and we currently do not provided Customizations related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy, you will need to manually do this or Hire a Freelancer to help you out.

Meanwhile, we are already working on improved codes for better performances to be released in Canvas 7.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

BBMacm1Jun 20, 2022

Hi,

We are already doing everything possible our side to performance tune the theme (building from SASS not css, only included modules we need, trimming down the size of functions.js to only that we need, and no direct linking to bootstrap, plugins.min.js or other, everything is being lazy loaded, fonts swapped out and deferred etc). On top of all this we have a CDN (Cloudflare) caching and further optimizing the site. In fact on desktop google page score reports a page score of 99 on our site, hence we are already doing everything you have suggested above, and more (we take perf seriously).

The problem however is on mobile, where the Google Page scores are significantly lower - some pages as low as 50 and others 70, despite the desktop equivalents all reporting 98-99. With mobile now accounting for 85% of our traffic, that's where our focus is.

More worryingly as I said above, we are seeing instances in our analytics where pages on mobile are also freezing on iOS devices in safari (only on physical hardware and not in emulators).

It would be good to see if anything can be done about this now, or if there is anything you can share re plans for v7 and timelines so we can plan appropriately this side?

SSemicolon WebSTAFFJun 21, 2022

Hello,

Thanks for your Patience and more explanations.

We have tried looking into this and have checked this 6 Devices including an iPhone 6/6s with Safari and we have not encountered any freezing on the Pages on Our Live Previews. Please provide us with more information so that we can troubleshoot the issues. Please let us know what analytics you are using, the Pages the issues you are detecting, Safari Version and OS with Version. Also provide us with a Live URL so that we can check these issues and provide you with more assistance on optimizations.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard