Web前端应该从哪些方面来优化网站(前端性能优化的具体方法有哪些?)

作者:佚名      发布时间:2021-09-07      浏览量:68780
Web前端应该从哪些方面来优化网站前端优化的途径有很多,按粒度大致可以分为两类,第一类是页面级别的优化,例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;第二类则是代码级别的优化,例如 Javascript中的DOM 操作优化

Web前端应该从哪些方面来优化网站


前端优化的途径有很多,按粒度大致可以分为两类,第一类是页面级别的优化,例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;第二类则是代码级别的优化,例如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。

前端优化主要包括:
1、页面美观;
2、代码简洁;
3、减少javascript、ajax、iframe框架使用;
4、标签h标签、strong标签的使用;
5、站内链接与锚文字的使用;
6、页面加载速度,图片和文字的加载;

前端性能优化的具体方法有哪些?


解决办法一:
减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。
前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数
用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。
当需要设置的样式很多时设置className而不是直接操作style。
少用全局变量、缓存DOM节点查找的结果。减少IO读取

常用的前端性能优化方法有哪些


常用的优化有两部分
第一:面向内容的优化
1. 减少 HTTP 请求
2. 减少 DNS 查找
3. 避免重定向
4. 使用 Ajax 缓存
5. 延迟载入组件
6. 预先载入组件
7. 减少 DOM 元素数量
8. 切分组件到多个域
9. 最小化 iframe 的数量
10. 不要出现http 404 错误
第二:面向 Server
1. 缩小 Cookie
2. 针对 Web 组件使用域名无关性的

1、减少http请求,合理设置HTTP缓存
2、使用浏览器缓存
3、启用