Canvas Support

Remove render-blocking JavaScript:

6 replies · opened Apr 20, 2016

SSemicolon WebSTAFFApr 21, 2016

Hello,

You can use the HTML Files from the Latest Update as Canvas 4 addresses this. However, if you are still looking to use the Old Version of Canvas, then you can simply move these 2 Lines of Code from the Document <head> to the bottom of the Page just before the js/functions.js Linking.

Additionally, do make sure that you also move all the Inline JS Codes to the bottom of the Page just after the js/functions.js Linking.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Jjanjan32Jun 3, 2016

Thanks for this info. I've tried to update to V4, and not sure what I'm missing. The site is live at
http://www.thelifepodcast.com

I have a test page where I am trying to make the updates, but have run into issues.
http://thelifepodcast.com/index-test.html

  1. when I move the JS to the bottom, my main image and buttons do not show
  2. Contact form. It send to my personal email, but not the jschrieber@pacificlife.com. Also when i try to add more email addresses, nothing works.
  3. When you hit send the success on both the live and my demo page does not look right.
  4. can I add the subject in the include/sendemail.php

Thank you.

Jjanjan32Jun 7, 2016

I’ve tried to update to V4, and not sure what I’m missing. The site is live at
http://www.thelifepodcast.com

I have a test page where I am trying to make the updates, but have run into issues.
http://thelifepodcast.com/index-test.html

  1. when I move the JS to the bottom, my main image and buttons do not show on the desktop and page speed still says to elimiate render-blocking java script and css above the fold.
  2. Contact form. It send to my personal email, but not the work email that is on an exchange server. Also when i try to add more email addresses, nothing works.
  3. When you hit send the success on both the live and my demo page does not look right.
  4. can I add the subject in the include/sendemail.php

Thank you.

Attachments:
Screen-Shot-2016-06-03-at-2.05.35-PM
Screen-Shot-2016-06-03-at-2.05.35-PM.png

SSemicolon WebSTAFFJun 7, 2016

Hello,

  1. Along with moving the JS Linkings to the bottom of the Page, you will also need to move all the Inline JS Scripts to the bottom of the Page just after the js/functions.js JS File Linking. Additionally, you would have to remove all the unnecessary Inline JS Code which is not required anymore. Refer to the Documentation > Upgrade v3 to v4 Section.

  2. Not sure why it does not send to the above mentioned address. Might be some issue with SPAM Protection on the Domain. Additionally, for using Multiple Emails Address make sure that you have updated the include/sendemail.php File to the Latest Version and then follow the instructions on adding the Multiple Email Addresses in the Documentation > Contact Forms Section.

  3. We have checked out your Contact Form's Code and the Forms appear to mixed with the Quick Contact Form's code which will cause issues. Please check out the Latest Default Templates from the Package and use the Updated Markup Code for the Contact Forms.

  4. This is Definitely Possible. Please find the following Line of Code in the include/sendemail.php File:

$subject = isset($subject) ? $subject : 'New Message From Contact Form';

and replace it with: 

$subject = 'Your Custom Subject';

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Ssicnarf033Nov 11, 2016

I am using Canvas 4 but am still getting render-blocking above the fold content for both css and js. As instructed above, I have my additional js files just above the js/function.js.

SSemicolon WebSTAFFNov 14, 2016

Hello,

We currently do not support Render Blocking for CSS (in fact none of the Templates do!) at the moment. For JS, please make sure that you move all the JS Linkings from Document <head> to the Document <body> .

This should definitely remove the warning. Let us know if we can help you with anything else or if you find any further issues.

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