Lessons
-
Introduction
-
Search engine optimization
- Broken links
- Site map
- Micro-markup
- Robots.txt
- References
- Text
- Duplicates
- Basic
- Pictures
-
Speed
-
Minification
-
CSS minification
Minification of JavaScript files
Minification of inline CSS code
Minification of images without loss of quality
Minification of JavaScript files
Unused CSS code
Data optimization:Image URLs
Format of animated images
Unused JavaScript code
Using WebP
Image compression is missing
Video bitrate
-
Reducing requests
-
An overabundance of small pictures
Ungrouped CSS files
Ungrouped JavaScript files
An overabundance of fonts
Availability of end-to-end CSS, JS files
The presence of a monochrome font
Uploading duplicate files
Using JS facades
Redirecting JavaScript code
Adding lazy loading
Redirect from/to www version
- Fonts
- Loading time
- Server Settings
- Pictures
- The first content
-
Minification
- Mobility
- Bugs
-
Convenience
- Social networks
- Web Application Manifest
- Favicons
- Basic
- Text readability
-
Security
- Encrypted connection
- Exploits
- Vulnerabilities
Using JS facades
Facade is a technology for optimizing the download of some popular services: videos from video hosting sites and instant messengers.
Its essence is as follows: instead of loading all the functionality, a special small file is loaded that visually simulates the required function. When the user wants to use the desired function, the main script is loaded.
For example, for YouTube videos, the facade loads a preview image and displays the play button on top. Visually, it looks like a real service code. The YouTube files themselves are downloaded at the moment when the user hovers the cursor over the video. Thus, we postpone the loading of heavy functionality until the moment when it will be in demand by the user.
You can create custom facades to speed up page loading.