Support

Optimize Your Site for Core Web Vitals

To help you optimize your website for Google’s Core Web Vitals, we have identified several potential problem areas and how to update them to improve your Core Web Vital scores. For more information about what each of the Core Web Vitals measures, how to measure, and ideal scores, see Google on Core Web Vitals.

Custom and Heavy Widgets

Both custom and heavy widgets can be slow because they load content from a third-party service, which requires calling an external API to retrieve and then load the content.

Note

并非所有自定义小部件的加载速度都很慢。这取决于自定义小部件的构建方式。

Heavy widgets: Map, Twitter Feed, Facebook Like, Facebook Feed/Page, Facebook Comments, Audio (Soundcloud, Mixtape), Video (Custom, Youtube, Vimeo), Photo Gallery, Image Slider, Lottie Animations, Multi-location, Google Calendar, and Disqus.


How to Fix

To improve your Core Web Vitals scores:


  • Remove custom/heavy widgets from the top area of your page and move them lower. This prevents them from negatively impacting CLS and FID by loading and then pushing content below them further down the page.
  • Avoid adding multiple custom/heavy widgets on the same page. Each widget has different loading times, which can decrease the LCP.
  • If a custom widget is causing FID, you can ask your developer to improve how the content renders and is fetched by using techniques such as async loading, fetching data off the main thread, and more.

eCommerce

Store is loaded dynamically with JavaScript. This can affect CLS because the Store takes longer to load than the rest of the content on the page. Because of this, we recommend moving the Store lower on the page instead of at the top.


How to Fix

To improve your Core Web Vitals scores:


  • Add content above the Store instead of putting the Store at the top of the Store page. This ensures that the Store is below the fold.
  • Build your own category pages or use the Store Product Gallery widget to create category pages. Both native images and photo gallery elements load faster than the Store because they have less content and code to render before they are displayed.

Fonts

Web fonts can slow down your website because the browser has to download and load the full font family for each font and weight combination. Fonts are automatically downloaded and embedded within the HTML, up to 50KB. This speeds up how fast your browser renders custom fonts and helps prevent CLS. However, this is not always enough and is why we recommend using at most, two different font families and only a few weights from each.


How to Fix

要提高您的 Web Vitals 分数：


  • If you have more than two fonts applied, remove them from specific elements or widgets on your website. Use global fonts to apply only the fonts and weights you need. After this has been completed, only the fonts that are necessary for the text to display properly are downloaded.

Google Tag Manager

Google Tag Manager may download extra libraries and code that you don’t need, which can decrease LCP.


How to Fix

要提高您的 Web Vitals 分数：


  • If possible, remove Google Tag Manager. If you only have one or two tracking technologies it might not be worth implementing Google Tag Manager.
  • If you do implement Google Tag Manager, follow our Google Tag Manager Tracking guide. This helps ensure that the tracking code loads correctly and does not slow down the site.
  • Do not put Google Tag Manager in the head of the website. This causes it to load first, before other important site elements.


Images and Background Videos

图片和背景视频通常是浏览器在您的网站上下载的最大资源。如果图片过多、首屏上方有一张大图片或一段视频，则会导致 LCP 延迟和 CLS 增加，因为浏览器必须先下载这些元素，然后才能渲染它们。这种情况通常发生在大型背景图片/视频、图片幻灯片、背景图片顶部有另一张图片，或页面顶部有多张连续的大图片的情况下。


Note

By “large image” we mean an image that takes up a majority of the page width.


How to Fix

要提高您的 Web Vitals 分数：


  • Use only a single image above the fold.
  • If you need multiple images above the fold, reduce the size of the image down to an icon or thumbnail.
  • Move background videos and slideshows lower on the page. If you need a slideshow, limit it to three images or less.


Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: