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

124 阅读 0 评论 82 点赞

我是靠谱客的博主务实豌豆，这篇文章主要介绍html如何提高页面的加载速度，现在分享给大家，希望可以做个参考。

（1）减少 HTTP 的请求。（合并资源文件、使用图片精灵）；

（2）把CSS 放头部，把 JavaScript 放到 body 标签尾部；

（3）定义图片的宽和高；

（4）定义字符集；

（推荐教程：html入门教程）

（5）避免空的 src 和 href 属性，

html里这样写：

复制代码<a href="javascript:;" class="triggerName">Trigger</a>1
<a href="javascript:;" class="triggerName">Trigger</a>
登录后复制

js 里这样定义：

复制代码$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })1
2
3
$("#triggerName").click(function(e){
          e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
      })
登录后复制

（6）启用 GZIP 压缩；

（7）摈弃 CSS 表达式，用更高效的 CSS 选择器；

（8）使用外链的 CSS 和 JavaScript;

（9）对 CSS 和 JavaScript 进行代码压缩;

（10）减少重绘；

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

以上就是html如何提高页面的加载速度的详细内容，更多请关注靠谱客其它相关文章！