Currently, we rely on the desktop version of pages to render on mobile devices. We can improve loading speeds on mobile devices by creating dedicated mobile versions of the pages instead. This doesn't have to be the entire website, but will be most of the interior pages and the homepage.
*Minify CSS, HTML, and JavaScript*
CSS files can have a couple of hundred to tens of thousands of lines of code. Each tab, space, additional comma, line break, and code comment adds to the file size, so we will inspect the website using several tools and compress the code where possible.
*Reduce File Requests*
Each request that your website makes to the server to get a file the more it will slow down the loading of the page. We'll look for any opportunities to replace current aesthetics and effects with CSS to reduce file requests being made.
*Implement Caching Strategy*
Fetching something over the network is both slow and expensive. Large responses require many roundtrips between each website visitor and the server, which delays when they are available and when the browser can process them, and also incurs data costs for each visitor. As a result, the ability to cache and reuse previously fetched resources is a critical aspect of optimizing for performance. We'll develop the best caching strategy possible given the limited access to the shared hosting server.
Implement validation tokens (ETag) from the server if possible: validation tokens eliminate the need to transfer the same bytes when a resource has not changed on the server.
Identify which resources can be cached by intermediaries: those with responses that are identical for all users are great candidates to be cached by a CDN or other intermediaries.
Determine the optimal cache lifetime for each resource: different resources may have different freshness requirements. We'll audit and determine the appropriate max-age for each one.
Determine the best cache hierarchy for your site: the combination of resource URLs with content fingerprints and short or no-cache lifetimes for HTML documents allows us to control how quickly the website visitor picks up updates.
*Use a CDN*
Content Distribution Networks are a fantastic and cheap way to display media on your website. Rather than have your website send the images to each website visitor, they load them instead from a CDN such as Amazon's S3 service. They take the load off the server allowing it to serve more visitors at once and with greater speed.
*Optimize Images*
We'll review the media library for image compression opportunities and make sure the images are in the correct file format and the right size given their use.
About the recuiterMember since Jun 28, 2017 Piyush
from Maharashtra, India