4.页面优化

为什么要优化? 优化的好处 1.提升网页响应速度 2.有利于搜索引擎搜索 3.对后期维护比较方便

怎么优化? 1.减少请求 2.减少文件的大小 3.页面性能 4.可读性、维护性

1.图片合并 2.css文件合并 (多个css文件合并为一个、少量的行内样式、避免import的方式引入文件) 3.减少图片的大小(选择合适的图片格式) 4.css值缩写 5.0px 中px省略 0% 0 0.5可以写成.5 6.选择器合并 7.link标签引入样式放到head标签中 8.js脚本建议放在底部,等页面加载完之后再处理js 9.把不需要的标签去掉 10.选择器的长度 #nav ul li a{} 影响查找的性能 11.避免耗性能的属性 比如说css3中的渐变 12.img设置宽高的时候应该和实际的宽高一致 13.可读性的规范 14.尽量用语义化的标签来编写,有利于seo 15.类型和id名,以内容语义来命名 16.避免hack 17.模块化(一系列相关的结构做成一个模块来处理) 18.必要的时候添加注释,可读性比较好

比如说代码优化,大家试着说一下怎么优化?

.g-bd{
  border-top: 1px solid #000;
  border-right: 1px solid #f00;
  border-bottom: 1px solid #f00;
  border-left: 1px solid #000;
}
.m-side{
  width: 200px;
  background-image: url(bg.png);
  background-repeat: repeat-y;
  background-color: #ccc;
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 页面性能优化

    可以看到,六个绿色条并发请求,四个灰色条等待请求,最下面三个绿色条3.4s后才触发请求

    Krry
  • 网站页面优化:内链优化

    网站内链优化起到网站导航,网站架构和层次结构的作用,在网站内部页面传递权重。随着时间的推移,使我们的网站权重更加平衡,提升网站整体权重,并使链接建设更加有效。

    林雍岷
  • 网站页面优化:网页页脚

    网页页脚优化在SEO实践中意见分歧多,让网站优化人员拿不定主意,反对者从实用性角度看网页页脚接近零活动,支持者认为经过设计师和开发者实现的网页页脚不仅会吸引访客...

    林雍岷
  • 如何优化前端页面 / 如何优化网页

    HTML5学堂:如何优化前端页面 / 如何优化网页。作为前端开发人员来说,不但要开发出能兼容各大主流浏览器的页面,而且还需要懂得去优化前端页面。本文主要给大家讲...

    HTML5学堂
  • 第176天:页面优化

    从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽...

    半指温柔乐
  • 网站页面优化:页脚文本

    页脚文本优化就是在网页最底部通常会看到关于我们,版权声明,隐私政策,免责声明等,我们将重点介绍页脚中关于我们的文本优化,以及页脚中应包含哪些具体优化内容。 在深...

    林雍岷
  • 页面加载性能优化

    因此大家都开始注重性能优化,很多厂商都开始做一些性能优化。比较有名的是雅虎军规,不过随着浏览器和协议等的发展,有一些已经逐渐被淘汰了。因此建议大家以历史的目光看...

    lucifer210
  • 「SEO技巧」页面分页优化技巧

    黄伟SEO
  • 优化页面访问速度(四) ——前端优化

    前端的优化,主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。

    用户1327360

扫码关注云+社区

领取腾讯云代金券