前端性能优化

大体减少服务器请求数

1、将多个JS/CSS文件进行合并

2、图片不需要经常改动时,可使用CSS sprite

3、如果仅单个页面使用某个JS/CSS文件,可以直接将文件内容放于html页面中(若多个页面共用相同的JS/CSS文件,则不应要这么做,而应利用好浏览器的缓存功能)

加快资源访问速度1、cdn
减少文件大小

1、将图片适当压缩(e.g TinyPNG)

2、压缩JS/CSS文件

提高代码执行效率
JS需要多次使用对象(比如需要遍历的对象的.length),应该先将其存为一个变量,然后调用该变量以减少JS查询的时间,于页面底部引入脚本,先将页面内容呈现给用户,提高代码复用率,减少代码多余
css于页面头部引入样式,避免用户看到布局错乱的内容,不要使用CSS表达式
html        主要是SEO方面的优化,添加name为keyword何description的meta标签,减少外链,外链加上rel="nofollow",标签尽量符合语义化
其它预解析比如首页添加<link rel="prerender" href="/about.html">
利用缓存比如可以使用百度静态资源公共库(http://cdn.code.baidu.com/),若用户以前访问过其它引用了相同资源地址的文件的话,缓存的优势就出来了
总体来说,像压缩图片这种方法对提高网页加载速度的效果是很明显的,但是有些优化方法对于访问量晓得小型玩网站而言没有什么必要,比如:如果某JS文件本来就只有100来行,压缩后减少的文件大小对页面访问速度的提高等于没有,对服务器压力的减少也近乎没有

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草样的年华

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值