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
- Screen support
- Comfort
- Bugs
-
Convenience
- Social networks
- Web Application Manifest
- Favicons
- Basic
- Text readability
-
Security
- Encrypted connection
- Exploits
- Vulnerabilities
Broken layout
There are 2 signs that the mobile layout is broken:
- The page can be scrolled vertically. This means that some blocks go beyond the width of the screen and their contents do not fit.
- The layout designer forgot to set the font size for the text of mobile screens. Because of this, the text on mobile devices is so large that a maximum of 1 word fits in a line.
- The layout designer has set the size of the pictures so that when the screen is narrowed, its proportions are deformed. For example, the width decreases, but the height does not, and the picture looks elongated.
- One word takes up several lines.
Any comments or additions? Send us an email admin@site-alarm.com .
Check your website