Landing Page Loading Optimizations

Last updated: August 2024

In an effort to help you optimize your landing page load speed and attract and retain customers, review the best practices for landing page loading optimizations.

  • Improve your page load

    • Design and develop your landing page specifically for mobile devices.

    • Minimize landing page redirects.

    • For multi-region hosting, deploy page servers in all regions.

    • Use a high-quality Content Distribution Network to store resources on the landing page.

    • Delay the loading of non-essential media.

    • Load third-party scripts asynchronously to avoid render-blocking.

  • Optimize on-page static resources

    • Remove all non-essential JavaScript and CSS files.

    • Compress your images (Note: JPEG 2000, JPEG XR, and WebP formats require less data than PNG or JPEG when transferring).

    • Specify the image width and height in the code to avoid shaking and flashing during page load.

    • Choose video over GIF for dynamic content (Note: Video requires less data than GIF when transferring).

  • Use TikTok's web content preloading

    • When you add a landing page to a TikTok ad, you have the option to preload your mobile site's content using TikTok's Web Content Preloading. This allows users to load your site's content before they even open it, which significantly reduces load times. To learn more about this feature and how to enable it, visit About Preloading Web Content.

  • Use TikTok's Instant Page

    • An Instant Page is a fast-loading lightweight web page that loads up to 11 times faster than a standard web page. Instant Pages offer a variety of templates to make it easy to create your own Instant Page. To add an Instant Page to your ads, visit How to Create an Instant Page.