Maps, video and documents without a slow page

A page with a map, a video and a PDF can load several megabytes before the visitor scrolls at all. Most of it is never seen. The fix is simple: load each heavy part only when it is about to be used.

Maps

A map loads its library and many image tiles. With Load the map on click in SoftIcon Store Locator, the page shows the store list and a button, and the map loads only when the visitor asks for it.

Video

A YouTube player loads before anyone presses play. In Ready-Made Template sections, a video in a popup loads only after the play button is pressed, from the privacy-enhanced youtube-nocookie.com domain. Background videos load only when their section comes near the screen.

Documents

SoftIcon Document Viewer starts reading a PDF, Word or Excel file when the viewer scrolls into view, not when the page opens.

A quick check

  1. Open the page in a private window.
  2. Open the browser’s developer tools, Network tab, and reload.
  3. Look at what loads before you scroll. Maps, players and big files should not be on that list.

Categories

Related Posts

How related posts keep readers on your site
How related posts keep readers on your site

When an article ends, readers either leave or read on. A short list of related…

Read More
admin

admin

How to build a mega menu in a WordPress block theme
How to build a mega menu in a WordPress block theme

Block themes like Twenty Twenty-Five have no mega menu built in. Here is how to…

Read More
admin

admin

How to edit WooCommerce prices and stock in Google Sheets
How to edit WooCommerce prices and stock in Google Sheets

Changing prices one product at a time is slow. In a spreadsheet you can paste…

Read More
admin

admin

How to add a poll to WordPress without a third-party service
How to add a poll to WordPress without a third-party service

Polls from outside services add scripts, cookies and sign-ups. Here is a poll whose votes…

Read More
admin

admin

How to add a store locator to WordPress without a Google Maps API key
How to add a store locator to WordPress without a Google Maps API key

A store map does not need a Google Cloud account or a billing card. Here…

Read More
admin

admin

How to build a landing page in WordPress in ten minutes
How to build a landing page in WordPress in ten minutes

A landing page needs a hero, features, prices and answers. Ready-made sections give you all…

Read More
admin

admin