性能优化之代码优化页面加载速度


Posted in Javascript onMarch 01, 2017

页面代码的优化对于页面加载速度也有不小的影响,最广为人知的:

HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾。

其次还有:

1.按需加载,把统计、分享等 JS 在页面 onload 后再进行加载,可以提高访问速度;

2.优化 Cookie ,减少 Cookie 体积;

3.避免 []() 的 src 为空;

4.尽量避免设置图片大小,多次重设图片大小会引发图片的多次重绘,影响性能;

5.合理使用display属性:        

  • display:inline后不应该再使用width、height、margin、padding以及float
  • display:inline-block后不应该再使用float
  • display:block后不应该再使用vertical-align
  • display:table-*后不应该再使用margin或者float

6.不滥用Float 和 Web 字体;

7.尽量使用CSS3动画;

8.使用 AJAX 异步加载部分请求;

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
javascript中的继承实例代码
Apr 27 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
jQuery中:input选择器用法实例
Jan 03 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
JS遍历数组及打印数组实例分析
Jan 21 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
vue移动端使用canvas签名的实现
Jan 15 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 #Javascript
Javascript仿京东放大镜的效果
Mar 01 #Javascript
Ajax实现不刷新取最新商品
Mar 01 #Javascript
Angular1.x复杂指令实例详解
Mar 01 #Javascript
JS中使用 after 伪类清除浮动实例
Mar 01 #Javascript
Angular1.x自定义指令实例详解
Mar 01 #Javascript
轻松学习Javascript闭包
Mar 01 #Javascript
You might like
php自动适应范围的分页代码
2008/08/05 PHP
PHP用mysql数据库存储session的代码
2010/03/05 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
php实现的简易扫雷游戏实例
2015/07/09 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
javascript中检测变量的类型的代码
2010/12/28 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
python能做哪些生活有趣的事情
2020/09/09 Python
详解python 条件语句和while循环的实例代码
2020/12/28 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
2014年大学生四年规划书范文
2014/04/03 职场文书
物业管理专业自荐信
2014/07/01 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
关于倡议书的范文
2015/04/29 职场文书
Python实现排序方法常见的四种
2021/07/15 Python
Windows server 2016服务器基本设置
2022/08/14 Servers