Background: This issue is generally related to the overall size of the Walkthrough object due to the presence of large, non-optimized images and the way VisualSP loads the Walkthrough help item object. Before a Walkthrough can be launched in the browser, the entire Walkthrough object must be downloaded to the client browser, including any embedded images. As such, it is important that any images that are required to provide the desired context are optimized for web delivery by choosing the best available image type supported by VisualSP and applying appropriate compression and resizing of the image for delivery.
A quick method to determine if your Walkthrough is being affected by this issue is to update the Walkthrough and replace the embedded image with a hosted image from a web-accessible source via the image URL. The steps to perform this task are described in this knowledge article. Once the image is linked from a web-accessible source you can save and preview the Walkthrough to see if the latency is mitigated.
Solution: There are two potential solutions to resolve this issue: (1) replaced embedded images with hosted images or (2) perform optimization on images used for embedding.
Replace Embedded Images with Hosted Images
Hosted images can be inserted into Walkthrough steps in the Rich HTML editor as noted in the following knowledge article. Images may be hosted in SharePoint, OneDrive or via a global Content Delivery Network.
Perform Optimization on Embedded Images
Lossless compression is a form of data compression that reduce file sizes without sacrificing any significant information in the process - meaning it will not diminish the quality of your photos.
No details are lost along the way, hence the name. As it’s a reversible process, you can also easily switch back to the original file if you need to.
After optimizing we have reduced the overall size by 78% and performance is enhanced.
Advantages of lossless compression.
If your team does not have licensed software to perform the appropriate software optimization, there are a number of online resources available through a web search. One popular resource is available at Tinypng.com.
Please Note: VisualSP does not endorse third-party software, the previous resource is provided as an example of tools that are available. Your company should always perform due diligence before using any online resource.