Notion 29
Optimizing performance on the client side.
Target skills
Web performance optimization consists of two essential variables, namely server side performance and client side performance. In this grain we will focus only on the problems encountered on the client side and how to improve them.
The web performance on the client side corresponds to the information that the client sees in the web browser.
How to optimize them
Client-side web performance refers mainly to file size and file numbers. In other words, how long it takes for a certain number of files to be downloaded and viewed by the client.
Note that the main objective of performance optimization on the client side is to optimize the download time versus the number of files downloaded. Therefore, it is important to take into account a certain number of elements in order to optimize them as best as possible. Here are some of the elements:
Set up a CDN (Content Delivery Network).
This device allows local redistribution of server content and caches content that does not require permanent updating.
Recommended tool: https://www.cloudflare.com
You can learn more about CDN in Lesson 14, Notion 89.
Grouping files - "Bundle and minification".
It is highly recommended to group files in order to reduce the number of files when downloading. Note that it is also important to reduce the file size by using minification techniques in order to optimize the content.
One of the recommended tools is a WordPress plugin https://fastvelocity.com
Use WebP (Web Picture) images rather than JPEG (Joint Photographic Experts Group), PNG (Portable Network Graphics), etc..
The WebP compression format reduces the size of an image. In addition, it is lighter and the download time is reduced.
To conclude, as many modifications as you will make to your website, as many problems as you will encounter, both on the server and client side. Therefore, updates must be made regularly.