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


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 相关文章推荐
filemanage功能中用到的lib.js
Apr 08 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 Javascript
js canvas实现俄罗斯方块
Oct 11 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
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
JS Range HTML文档/文字内容选中、库及应用介绍
2011/05/12 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
Windows8下安装Python的BeautifulSoup
2015/01/22 Python
Python与shell的3种交互方式介绍
2015/04/11 Python
讲解Python中fileno()方法的使用
2015/05/24 Python
python中list列表的高级函数
2016/05/17 Python
python 性能优化方法小结
2017/03/31 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
python实现简单日期工具类
2019/04/24 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
python移位运算的实现
2019/07/15 Python
对Python _取log的几种方式小结
2019/07/25 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
高中自我评价范文
2014/01/27 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
服务承诺书范文
2014/05/19 职场文书
机电系毕业生求职信
2014/07/11 职场文书
网吧温馨提示
2015/07/17 职场文书
2016大一新生军训感言
2015/12/08 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
导游词之包公祠
2019/11/25 职场文书
Nginx配置根据url参数重定向
2022/04/11 Servers
MySQL数据库 安全管理
2022/05/06 MySQL