CSS optimization skills self-practice experience
|
1. Use css sprites. The advantage is that the small images used in CSS can be merged into one large image, which reduces the requests to the server, reduces the server pressure, and speeds up page loading. 2. Merge multiple css files into a single css file. Same benefits as css sprites 3. Use external CSS. External CSS can be cached by browsers and is easy to maintain. 4. Put the css in the head. You can refer to Yahoo's document http://developer.yahoo.com/performance/rules.html#css_top 5. Use link instead of import Using import will slow down page loading. Moreover, the loading order in IE may be inconsistent with expectations, which will directly lead to display problems. 6. Use CSS abbreviations. For example, use margin instead of margin-top. 7. Put similar styles together to avoid repetitive writing. 8. Reduce line breaks. 9. Delete the final semicolon. 10. Use single-line comments. 11. RGB color abbreviation. 12. Remove unnecessary units, such as px. 13. Delete unused styles. It can reduce file size and shorten browser parsing and matching time. 14. Compress CSS files. All of the above are very simple and there is no need to explain them in detail. Of course, some CSS compression tools have optimization functions. |
<<: A guide to writing flexible, stable, high-quality HTML and CSS code standards
>>: WeChat applet implements search function and jumps to search results page
Recommend
Vue3+Vite+TS implements secondary encapsulation of element-plus business components sfasga
Table of contents 1. Structure string 2. Return t...
Install and configure ssh in CentOS7
1. Install openssh-server yum install -y openssl ...
About MySQL innodb_autoinc_lock_mode
The innodb_autoinc_lock_mode parameter controls t...
Detailed explanation of CSS multiple three-column adaptive layout implementation
Preface In order to follow the conventional WEB l...
How to achieve centered layout in CSS layout
1. Set the parent container to a table and the ch...
Some Linux file permission management methods you may not know
Why do we need permission management? 1. Computer...
4 ways to optimize MySQL queries for millions of data
Table of contents 1. The reason why the limit is ...
Docker network mode and configuration method
1. Docker Network Mode When docker run creates a ...
Alibaba Cloud applies for a free SSL certificate (https) from Cloud Shield
Because the project needs to use https service, I...
Solution for forgetting the root password of MySQL5.7 under Windows 8.1
【background】 I encountered a very embarrassing th...
About Zabbix forget admin login password reset password
The problem of resetting the password for Zabbix ...
Nginx reverse proxy configuration to remove prefix case tutorial
When using nginx as a reverse proxy, you can simp...
Front-end vue+express file upload and download example
Create a new server.js yarn init -y yarn add expr...
Example of how to change the line spacing of HTML table
When using HTML tables, we sometimes need to chan...
HTML Tutorial: Collection of commonly used HTML tags (5)
These introduced HTML tags do not necessarily ful...