Canvas Support

Google Page Speed Test Results

8 replies · opened Mar 16, 2022

MMeegB61Mar 16, 2022

Hi, I have been using CANVAS for a while now. It's a great template. I have some questions though, on test results back from Google Page Speed Results and an audit that's been thrown at my client by a competitior. Wondering if you can offer advice on how I can compress some of the files down

Example results

https://pagespeed.web.dev/report?url=https%3A%2F%2Fdaycon.com.au%2F (homepage results)

These two files are on the larger side.

…/fonts/font-icons.woff(daycon.com.au) - 1,090 ms, 547.02 KiB
../js/plugins.min.js(daycon.com.au) - 380 ms, 243.49 KiB

How can I avoid the "chaining requests"
How can I reduce these files down to make Google happy without impacting the site?
Do have any suggestions to make the site lighter?

Thank you
Megan

SSemicolon WebSTAFFMar 17, 2022

Hello,

Thanks so much for the Kind Words! :)

First, we recommend you to check the Optimization Tips here: https://docs.semicolonweb.com/docs/getting-started/website-optimization-tips/ .

Second, consider adding font-display: swap; to each of the @font-face Blocks in the css/font-icons.css File. These codes are already available in the Latest Version of Canvas.

We highly recommend you to use a CDN (CloudFlare is Free) and combine all your CSS Files in One File and minify it, so it will prevent the Chaining Critical requests warning.

These should work fine for now. Do let us know if you are facing any further issues.

MMeegB61Mar 18, 2022

thanks for the support on this. I've started using webp images, minifying files.

Not sure about the CDN thing, I can understand why to do it, but there are also some drawbacks.

I'll let you know how I go and what improvements I can achieve!

As always, thanks for the continued support.

SSemicolon WebSTAFFMar 19, 2022

Hello,

Very Happy to Help! :)

We understand about CDN but Top Websites use CDN for better and faster delivery of assets.

Please do let us know if you are facing any further issues with this and we would be more than happy to help you out.

MMeegB61Mar 21, 2022

Hi, I have a question on Google Fonts and WOFF and WOFF 2 - Google fonts don't seem to be displaying on the skin when I view on Apple iPad or iPad Pro. I have changed the fonts to use Google Heebo and Roboto.

I changed this reference and also throughout the styles.css sheet as required.
Example of url where I have the site on build: https://qga.treepl.co/qga-gas-approval-applications 

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@700&display=swap" rel="stylesheet">

However as mentioned, on Apple devices, the typefaces are not loading. I can see the type loads on same devices when I preview https://themes.semicolonweb.com/html/canvas/demo-coworking-price.html (the original skin).

Can you show me where I have gone wrong?

SSemicolon WebSTAFFMar 22, 2022

Hello,

Thanks for your Patience!

We have checked this out and the Google Font Codes appears to be fine. We have just found some HTML Validation Errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Fqga.treepl.co%2Fqga-gas-approval-applications . Please consider fixing this because sometimes these kind of issues cause unnecessary errors.

We are still checking this and will let you know once we detect the issue causing this error on iPads.

Hope this Helps!

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

SSemicolon WebSTAFFMar 25, 2022

Hello,

Thanks for your Patience and Apologies for the Delays caused!

We are still checking this and we will get back to you on this within the next 24 hours. 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