资讯专栏INFORMATION COLUMN

关于页面优化

luckyw / 3393人阅读

摘要:作为一名前端工程师,能做的优化有哪一些呢主要包括两方面页面性能与代码可维护性。

作为一名前端工程师,能做的优化有哪一些呢?
主要包括两方面:页面性能与代码可维护性。

HTML篇

减少不必要的嵌套

适当且精简的id/class名称

有意义地使用id(利用选择符属性)

减少link、script请求

底部引用script

CDN加速

利用好HTML5标签

压缩html

CSS篇

减少不必要的嵌套

雪碧图

开启硬件加速(参考css动画性能优化)

压缩图片、转base64

压缩css

JS篇

封装复用 / 继承( prototype、call / bind / apply )

缓存技术( cookie、HTML 5 Web 存储)

懒加载,一次请求 / 多次请求 / data-img

以添加 / 删除 class 名称替代

模块化,按需加载

命名空间

函数表达式替换函数声明

避免使用闭包

*开启严格模式"use strict"

压缩js

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116507.html

相关文章

  • 更新日志 - 关于 iOS9 设备的安装及其他优化

    摘要:本周我们对新版做了以下的功能更新和修复功能更新在使用过程中,请注意下载页面上线新的病毒查杀上线猎豹手机安全和百度手机卫士两家的病毒查杀,增强的安全性和稳定性,并在下载页面显示病毒查杀结果。 新版 fir.im 上线整 3 周了,感谢你们对 fir.im 的关注和支持!无以言表,唯有做更好用的产品给大家。本周我们对新版做了以下的功能更新和 bug 修复: 功能更新 在使用过程中,请注...

    zsy888 评论0 收藏0
  • 前端性能优化

    摘要:端优谈谈关于前端的缓存的问题我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。而作为一名有追求的前端,势必要力所能及地优化我们前端页面的性能。这种方式主要解决了浅谈前端中的过早优化问题过早优化是万恶之源。 优化向:单页应用多路由预渲染指南 Ajax 技术的出现,让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容,这就是单页应用。在一个单页应用中,往往只有一...

    Dean 评论0 收藏0
  • 关于网站性能优化准则

    打算现在开始在博客里写点东西,也能为自己看过的书学过的知识做一个归纳总结。这几日拜读了Steve Souders的《高性能网站建设指南这本书》,虽然这本书可能已经有些老了,但薄薄的一个小册子里提出的网站性能优化的准则还是非常有价值的。这些规则都有个共同点,就是用很小的工作就能获得很明显的性能提升,性价比极高。废话不多说了,总结一下书里的几点性能优化规则。 首先有一点需要说明的是书中所写的性能黄金法...

    Travis 评论0 收藏0
  • 关于页面优化

    摘要:作为一名前端工程师,能做的优化有哪一些呢主要包括两方面页面性能与代码可维护性。 作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用选择符属性) 减少link、script请求 底部引用script CDN加速 利用好HTML5标签 压缩html CSS篇 减少不...

    feng409 评论0 收藏0
  • 关于页面优化

    摘要:作为一名前端工程师,能做的优化有哪一些呢主要包括两方面页面性能与代码可维护性。 作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用选择符属性) 减少link、script请求 底部引用script CDN加速 利用好HTML5标签 压缩html CSS篇 减少不...

    mdluo 评论0 收藏0

发表评论

0条评论

luckyw

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<