热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html如何提高页面的加载速度

本文来自html入门教程栏目,文中为大家介绍了html提高页面的加载速度的方法,具有一定的参考价值,希望对大家有所帮助。html提高页面的加载速度的方法:1、减少HTTP的请求;2、定义图片的宽和高。

(1)减少 HTTP 的请求。(合并资源文件、使用图片精灵);

(2)把CSS 放头部,把 Javascript 放到 body 标签尾部;

(3)定义图片的宽和高;

(4)定义字符集;

(推荐教程:html入门教程)

(5)避免空的 src 和 href 属性,

html里这样写:

Trigger

js 里这样定义:

$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })

(6)启用 GZIP 压缩;

(7)摈弃 CSS 表达式,用更高效的 CSS 选择器;

(8)使用外链的 CSS 和 Javascript;

(9) 对 CSS 和 Javascript 进行代码压缩;

(10)减少重绘;

相关视频教程推荐:html视频教程

以上就是html如何提高页面的加载速度的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
author-avatar
恋苦尘雪77
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有