Joe-16Q: 1.
How can I install Google Tag Manager? I have no access to HTML (I see {{content}}).
2. I tried basic templates and tested them on Google Speed Insight and compared to Webflow: Webflow has better score. The following is the list of things to fix in order to gain performance (need enhancement LCP ~ 5.8s and CLS):
Reduce unused JavaScript
Serve images in next-gen formats
Preload Largest Contentful Paint image
Defer offscreen images
Eliminate render-blocking resources
Preload key requests
Properly size images
Reduce unused CSS
Efficiently encode images
Avoid serving legacy JavaScript to modern browsers
=> FYI, Webflow has only Eliminate render-blocking resources with a score of 97 on mobile with basic template.
3. What is your plan about these performance flaws? Because the reason behind using a tool like Sitejet is to avoid these issues or spend timing working on them.
4. I noticed content reflow on page loading, how to fix this? When I display the html content I get {{content}}. To fix this, we have to define the dimensions of the items before drawing them. It would be great to be handled upfront.
5. How to integrate stripe payment? I cannot find any documentation on this on any other third party integrations.
Franzi_Sitejet
May 15, 2024A: Hi Jouino,
thanks for reaching out with your questions.
1. Google offers you two types of code for the Google Tag Manager. One for the head section which is implemented in the "meta-tags" section (Open the CMS, go to the top menu "Website" > "Seo/Meta"). The second snippet should be pasted immediately after the opening <body> tag (open CSS, switch to HTML and insert the code before the {content} there) on every page of your website. For more information there is a quick guide from Google: https://developers.google.com/tag-manager/quickstart
We also have a help article on integrating custom code: https://help.sitejet.io/article/440-use-custom-html-css-and-javascript-code
2+ 3. About your results - please keep in mind that different tools can lead to different results. Even the same tools lead to different results
Here are some of the functionalities in Sitejet that work to improve performance:
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- Enables gzip compression for connections to all websites
- Leverage browser caching
- Minify CSS, JS, and HTML
- Optimize images by running them through an extensive image compression and resizing process.
- Prioritize visible content
- Reduce server response time
- We are working with CDN
- Additional hosting centers in the US/Canada are currently being installed
You can e.g. open the Code editor and delete unused code or use lazyload for images. For more details and information about what exactly Sitejet does and what you can do to further improve the performance please check https://help.sitejet.io/article/446-google-page-speed.
4. Can you send us a screencast of this to help@sitejet.io? Once we know exactly what you mean we can give you more information about this. Thanks!
5. You can integrate third-party tools to Sitejet by using this help article: https://help.sitejet.io/article/440-use-custom-html-css-and-javascript-code
Hope that helps!😊