Web Design Guide

Lazy Loading is a practice to reduce page load time by only loading critical or on-screen images when they are either needed or the page has directly scrolled over them. The website only needs to load the temporary image for all images until they are requested. Below is an example of Lazy Loading on  SCAD District . Lazy Loading can be easily achieved via plugins on WordPress. The one used for SCAD District is called BJ Lazy Loading and can be easily configured with custom thumbnails for the temporary images.

A CDN (Content Delivery Network) allows for images to be stored in multiple locations domestically or internationally. A CDN increases the accessibility of images and files when a visitor wants to visit your site. To load information, the website needs to ping a server and retrieve and render images and scripts in realtime, which can take time, especially when that server is located far away from where the visitor is viewing your site from. Image Source Google Cloud and multiple other services offer CDN services, which can be used for not just images but files and scripts. Many scripts services like jQuery additionally offer CDN links, so a file can stay up to date and be fully optimized ( https://code.jquery.com/ )