大型网站性能优化(页面(HTML)优化的方法)

2023-09-22 分类：网站建设

页面(HTML)优化的方法
除了语言层面上进行优化外，对Web开发，HTML的优化将很大程度上减轻服务器的负载，提高网站的性能
1）. 减少HTTP请求数。
打开网页乌发散，浏览器会发出很多请求，图片，脚本，每个对象的加载都需要花时间，需要减负载。
1. 合并CSS,Js文件，减少Http的请求数
2. 合并框架图片以及相当变动较少的图片，合成一张。有时直接用Css完成。
3. 合理的使用本地的Cached来缓存 js/css/image
2）. 减少被请求文件的大小，较少请求数据占用的网络带宽。
1. 压缩Js体积，删除没有空行，注释，变量名。大型的Js很乱，没有空行或换行，其实也是优化的表现
2. 压缩CSS体积
3. 用XHtml + Css 方式搭建网站结构，提高CSS的重用性
4. 用服务端GZip压缩JS/Css 文件，缩小传输文件大小(16.7.2)
3）. 通过版本化控制客户端的缓存
1. 通常JS/CSS这类文件改动比较频繁，为加载加快，可能要设置这类文件的过期时间，为几天后从而实现缓存，那我们的问题就是如何及时的更改这些被缓存的文件了。
2. 通过修改JS版本来及时告诉浏览器，如：该JS文件名，路径， URL Rewrite，大版本不变，小版本不断追加，等一定时间后统一更新
4）. 帮页面减肥。简洁风格，少用Flash等
5）. 删除页眉可有可无的内容。如空格，注释
6). 删除页面代码中的空语句
7). 删除HTMl中的默认值，什么颜色，对齐之类的
8. 优化CSS文件
9. Visibility 快于Display
图片的时隐时现，如果是保持决定位置，用Visibility 好。 none,hidden . visibility: hindden
10. 缓存区是区分大小写的，保持url大小写一致性
11. 让html标记有始终。减少浏览器的判断时间
12. 不用将全部内容塞入一个Table中。因为Talbe要等内容加载完毕才显示出来。如果某些内容有错，将拖延页面的访问速度。
13. 如果有广告代码，放入iframe中最好了。

分享文章：大型网站性能优化(页面(HTML)优化的方法)
文章源于：https://www.cdcxhl.com/news22/283222.html

成都网站建设公司_创新互联，为您提供商城网站、搜索引擎优化、网站营销、小程序开发、手机网站建设、Google

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容