Web前端性能优化策略

前端性能优化需要从前端的资源类型分析,以减少请求资源和请求时间为目的。目前的类型包括图片、javascript、css、动态数据等，不同的资源对于运算、带宽等的依赖也不同，因此优化的方式也不同。参照以往的经验和雅虎前端优化的策略，本系统分为以下方面：

1）根据浏览器加载数据的顺序不同，将加载的位置分为head内部和body之后

a，css尽可能的放到head内部

b，JavaScript放到body之后

2）减少数据请求的次数，减少服务器请求时间

a，合并不必要的单次后端请求；

b，首界面采用惰性加载，列表页采用分页加载；

c，javascript合并；

d，css合并

e，2k以内的请求采用get方式，反之采用post请求

3）通过数据压缩，减少数据传输的时间

a，服务器请求采用gzip压缩

b，banner图片采用图片压缩，压缩到200kb左右

c，javascript和css采用数据压缩

4）通过数据缓存增加请求的速度

a，图片资源，JavaScript、css 配置cdn

b，页面静态资源配置页面缓存；

5）多域名请求

a，将数据库、图片、应用程序等功能分开存储请求；

b，根据不同的业务划分不同的域名服务器

6）负载均衡

a，设定负载均衡，包括应用程序负载和数据库负载处理；

7）硬件配置提升

a，增加网络带宽

b，增加服务器处理能力

以上的优化策略效果逐级提升，从成本的角度考虑，不同的阶段侧重点不同。优化的核心关键是理解问题的瓶颈，根据瓶颈和问题特点进行针对性优化。

Web前端性能优化策略相关推荐

大型网站技术架构（3）：WEB 前端性能优化
上次说到了性能优化策略,根据网站的分层架构,可以大致的分为 web 前端性能优化,应用服务器性能优化,存储服务器性能优化三大类这次来说一下 web 前端性能优化,一般来说,web 前端就是应用服务器 ...
WEB前端性能优化小结
1. 请减少HTTP请求基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出. 一个正常HTTP请求的流程简述:如在浏览器中输 ...
WEB前端性能优化常见方法
web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式. 1. 内容优化 (1)减少HTTP请求数:这条策略是 ...
Web前端性能优化思路
本文旨在整理常见Web前端性能优化的思路,可供前端开发参考.因为力求精简,限于篇幅,所以并未详述具体实施方案. 基于现代Web前端框架的应用,其原理是通过浏览器向服务器发送网络请求,获取必要的inde ...
Web 前端性能优化
网页制作poluoluo文章简介:Web 前端性能优化是个大话题,是个值得运维人员持续跟踪的话题,是被很多网站无情忽视的技术. Web 前端性能优化是个大话题,是个值得运维人员持续跟踪的话题,是被很多 ...
【JavaWeb】Web前端性能优化
本文目录一. 浏览器访问优化 1.1 减少http请求 1.2 使用浏览器缓存 1.3 启用压缩 1.4 CSS放在页面最上面. JavaScript 放在页面最下面 1.5 减少Cookie传输 ...
列举6个常见且实用的Web前端性能优化方法
在如今这个信息爆炸的时代,人们的节奏总是快速的,对于一个网站的耐心毕竟是有限的可怜的,如果网站不进行优化必定会流失相当一部分的客户,带来不必要的损失.那么从Web前端的性能优化上来说有哪些常见.实用的 ...
（2020.12.7）初次web前端性能优化记录
(转载公司内部论坛本人文章2020.12.7) 导语: 作为客户端开发,由于项目的需要,最近一年陆续做了很多web前端的需求开发.但过去做的大部分都是单页面的运营H5,上线时间短,一般保证能稳定运行就 ...
web前端性能优化与SEO
web前端性能优化与SEO 网站优化的必要性浏览器的页面优化使用浏览器缓存 css Sprites 压缩 css与js文件的位置减少cookie运输 javascript代码优化数据访问字符 ...
深度讲解：web前端性能优化
一.课程简介: 1.课程大纲涉及到的分类网络层面构建层面浏览器渲染层面服务端层面涉及到的功能点资源的合并与压缩图片编解码原理和类型选择浏览器渲染机制懒加载预加载浏览器存储缓存机 ...

Web前端性能优化策略

Web前端性能优化策略相关推荐

最新文章

热门文章