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


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 相关文章推荐
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
微信、QQ、微博、Safari中使用js唤起App
Jan 24 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 Javascript
0基础学习前端开发的一些建议
Jul 14 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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
PHP人民币金额转大写实例代码
2015/10/02 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
javascript+xml技术实现分页浏览
2008/07/27 Javascript
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
NodeJS 模块开发及发布详解分享
2012/03/07 NodeJs
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
node.js实现的装饰者模式示例
2017/09/06 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
JS获取input[file]的值并显示在页面的实现方法
2018/03/09 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
使用Python向C语言的链接库传递数组、结构体、指针类型的数据
2019/01/29 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
学生打架检讨书1000字
2014/01/16 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书
描述鲁迅的名言整理,一生受用
2019/08/08 职场文书
OpenFeign实现远程调用
2022/08/14 Java/Android