One of the main reasons your page is rendering slowly is the size of the images you are using with ShortPoint elements, 

In this article, we will show you how to investigate and determine if your page contain any asset that has a supersize, so let's start!

Step 1:

Open your slow loading page on Google Chrome, and open the Developer tools ( Chrome Menu > More tools > Developer tools )

Step 2: 

Once the developer tools are opened, navigate to the Network tab, and make sure to 

  1. Activate the record red circle on the left ( usually, it should be active by default, If its red, then its already active )
  2. Activate the Disable cache option
  3. Refresh the page ( Ctrl+R on Windows / CMD+R on Mac ), and wait until the page has loaded everything

One the page is done loading, the Network tab in Chrome Developer tools will show you every asset that has been loaded into the page, with some insights like the size of each item, and how long it took to get loaded.

Step 3:

Click on the Size column in the Network tab, to have the items sorted by size descending ( maximum size at the top, smallest size at the bottom )

In the example above, you can see that the largest image in terms of size on our page has a size of 4.6MB, which is too much for a website image,

Ideally, if you're using the image as a background of some section, in a Slideshows element, it should not be more than few hundreds of kilobytes,

And if the images being used in Images list, they should not 50KB.

So If you found any images on your page that has large size, you need to optimize it, and upload it back to your site to get a better page loading time.

Below a list of checkpoints, go through them all, to get the best possible ShortPoint experience:

Enable Lazy Render / Lazy Loading options

Enable Caching on Connected ShortPoint elements

Detecting Large Images on SharePoint page

Remove Hidden WebParts from SharePoint page