• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 性能优化之代码优化页面加载速度

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

作者:ikeyoo 字体:[增加 减小] 来源:互联网 时间:2017-05-11

ikeyoo通过本文主要向大家介绍了性能优化之代码优化页面加载速度等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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 异步加载部分请求;

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11微信小程序 小程序制作及动画(animation样式)详解
  • 2017-08-26Math对象常用属性与方法详解
  • 2017-05-11微信小程序 扎金花简单实例
  • 2017-05-11angularjs点击图片放大实现上传图片预览
  • 2017-05-11js生成随机数方法和实例
  • 2017-05-11JS动态生成年份和月份实例代码
  • 2017-05-11JS验证不重复验证码
  • 2017-05-11微信小程序页面传值实例分析
  • 2017-05-11jQuery插件zTree实现删除树节点的方法示例
  • 2017-05-11老生常谈combobox和combotree模糊查询

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 求js数组的最大值和最小值的四种方法
    • JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
    • JavaScript调试的多个必备小Tips
    • javascript 实现文本使用省略号替代(超出固定高度的情况)
    • bootstrapValidator.min.js表单验证插件
    • JavaScript中localStorage对象存储方式实例分析
    • JavaScript的for循环中嵌套一个点击事件的问题解决
    • 一篇文章搞定JavaScript类型转换(面试常见)
    • 微信小程序 label 组件详解及简单实例
    • 微信小程序 图片宽度自适应的实现

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有