文章详情
web前端性能优化十招
尝试合并图片,CSS和JS。例如,如果你加载一个页面,如果有5个CSS文件,你会发送5个HTTP请求,这会让用户在_次访问你的页面时等待很长时间。如果将这五个文件合并成一个文件,只需发送一次HTTP请求,就可以节省网络请求时间,加快页面加载速度。
网站上的静态资源(CSS、JS)都是CDN发布的,图片也是。
当link标记的属性为空,脚本标记的SRC属性为空时,浏览器在呈现时将当前页面的URL作为其属性值,从而加载页面内容作为其值。所以我们应该避免这种疏忽。
Gzip可以压缩任何文本类型的响应,包括HTML、XML、JSON。大大减少了请求返回的数据量。
网页上的资源是从上到下加载的,因此CSS被放在页面的顶部,首先呈现页面,这让用户感觉页面加载很快。
加载JS时,后续资源将被阻塞。必须等到JS加载后才能加载后续文件。因此,JS被放在页面的底部并最终加载。
这涉及到CSS和JS的压缩。现在有很多压缩工具。主流的基本前端构建工具可以压缩CSS和JS文件,如grunt、GLUP等。
除了添加额外的HTTP请求,多个操作也会浪费时间。在IE和Firefox中,无论脚本是否可缓存,它们都存在反复计算JavaScript的问题。
它用于确定浏览器缓存中的元素是否与原始服务器上的元素一致。它比上次修改日期更灵活。例如,如果一个文件在一秒钟内被修改10次,Etag可以通过结合inode(inode个数)、mtime(修改时间)和size来准确判断,避免了UNIX记录mtime只能精确到秒的问题。两个参数可用于服务器群集。利用etag降低web应用的带宽和负载
当使用XMLHttpRequest时,浏览器中的post方法是两个步骤的过程:首先发送头,然后发送数据。因此,使用get来获取数据更有意义。
上一文章:找网站建设公司做网站需要多少钱?
下一文章:建立网站对企业有什么好处
相关推荐
- 11-10新站优化可以采用哪些适当的方式呢
- 10-26「seo员工工资」网站优化怎么样加强排名
- 11-01做移动网站时,我们应该注意什么
- 11-05杭州网站建设公司选哪家好?
- 11-10选择建立龙岩高端网站有什么优势?
- 10-26现在对于整个网络营销,你还需要建立企业官方
- 11-05关键词文章是网络推广的重要组成部分
- 10-25网站建设要多少钱?有哪些注意事项?
- 11-05惠州高端定制型网站建设的优势
- 11-13提高用户体验才企业网站成功的关键
- 10-30网络推广:如何让蜘蛛爬行自己的网站?
- 11-23只有做好网站建设,才能不断为企业创造价值
- 11-04哪种网站建设公司适合中小企业?
- 11-09网站的打开速度慢慢决定了这个用户的访问兴