电商网站建设前端优化实践（电商网站建设前端优化实践报告）

前端性能

1.模块化

严格来说，代码模块化并不能带来性能上的提升，但还是将模块化提出来，因为它真的很重要，重要到几乎所有的优化都与它息息相关.

电商网站建设前端优化实践（电商网站建设前端优化实践报告）

个人偏好

因为没有哪一块业务会因为使用了不同的模块化方案而产生不同的结果.

2.缓存

缓存一定要加！

没有CDN？那就更得加缓存了！

localstorage本地存储

业界，一直有关于304缓存与localstorage性能的争议，这里我们不讨论两者的差异，或性能问题.

资源版本控制；

在活动期间可以提前将活动相关资源缓存至localstorage，减轻活动当日的CDN消耗，同时在提升用户访问速度的同时，降低服务器端压力.

所以，的建议是能使用localstorage就是尽量使用localstorage.如果你司没事也会搞一搞大促什么的，你就知道CDN有多贵了.

3.懒加载

图片懒加载

模块化带来的其中一个好处就是我们可以针对js资源进行懒加载控制，RequireJS、SeaJS？

4.前端模板渲染

相比拼接字符串，jQuery.append，我们有了另一种选择，前端模板.

5.DOM怎么写很重要

浏览器有个机制叫做重绘，任何改变dom元素位置的操作都会引发浏览器重绘操作，这是无法避免的.重绘是浏览器性能优化的一个重点，特别是针对webview的优化.

虽然我们不能避免浏览器重绘的发生，但是我们可以通过精确的控制dom元素，来达到使浏览器的重绘范围小化的目的，这里我们可以借助浏览器的开发者工具针对页面进行调优.

客户端性能

代理webview发送ajax请求，据说这可以省去三次握手的时间？

服务端性能

1.服务端渲染

在一个把前后端分离奉为宝典的时代，提一句服务端渲染显然是不合适的.

Bytheway，屏数据服务端输出，配上懒加载一起，不要太爽哦.

2.一个快速响应的接口

一个快速响应的接口真的很重要！

ComeOn总有点能做的！

本文网址：https://www.dingshengweb.cn/gsxw/2177.html

版权声明： 1.本站内容部分为潍坊鼎晟科技编辑原创文章，部分来源于网络，如需转载，请标注来源网站名字和文章出处链接。 2.本站内容为传递信息使用，仅供参考，也不构成相关建议。 3.部分内容和图片来源于网络，如有侵权，请联系我们处理。