关于页面优化

luckyw 发布于2019-08-30 15:52 / 3516人阅读

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

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

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

GPU云服务器云服务器关于服务器的优化页面优化优化页面页面性能优化

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

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

前端性能优化

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

Dean 2019-08-21 18:19 评论0 收藏0
关于网站性能优化准则

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

Travis 2019-08-22 10:58 评论0 收藏0
关于页面优化

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

feng409 2019-08-20 14:27 评论0 收藏0
关于页面优化

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

mdluo 2019-08-01 16:20 评论0 收藏0