`
guafei
  • 浏览: 323144 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

页面速度优化

阅读更多
在海量用户的访问下,提速页面的展现速度是很有必要的,那么页面消耗的时间主要是在什么地方呢?
前端发起http请求,web服务器处理请求,从db服务器,cache服务器中读取数据,组装数据,通过网络传输返回给客户端,客户端渲染成html页面,加载js、css、图片、flash等等。
所以时间主要消耗在:从db等服务器取得数据+网络传输的时间+前端页面的加载时间。

从两个方面考虑优化:客户端和服务器端。

客户端可以从三个方面考虑优化:减少网络传输的时间、减少页面加载的时间、缩短服务器的响应时间。下面是具体的措施:
减少http请求:因为打开或者点击链接都是发起一个请求,还有加载js、iframe等都会发起请求,包括异步的请求,所以减少请求可以减少服务器端的压力。
具体可以把js放在一个文件中,通过外部文件引用的方式加载,还有放在底部加载,还有把css放在最开头进行加载,这样做是为了避免浏览器渲染的时候阻塞,css放在顶部是为了尽快的显示整个页面的布局。同时压缩js和css,减少网络的开销。
缓存ajax请求,也是为了减少网络的开销
在浏览器端使用cache,也就是浏览器端进行缓存,不同于cookie。
缩短url以及减少cookie的长度,当访问量很高的时候,一个byte可以减少几个G的流量

服务器端的优化主要从两部分,第一从代码级别进行优化,第二从中间件参数进行优化
代码的优化:可以从多线程、cache使用等方面考虑
中间件参数优化:apache、tomcat、jboss、jvm等参数方面的优化,具体怎么优化,还需要学习。

cache使用的场景:数据量非常大,访问量相对较高,还有命中率要高
分享到:
评论

相关推荐

    1让你页面速度飞起来,Web前端性能优化。.txt

    让你页面速度飞起来,Web前端性能优化。 让你页面速度飞起来,Web前端性能优化。百度云盘视频资料,下载直接看

    Android代码-Android页面启动速度优化:在页面打开之前就预加载数据

    PreLoader: Make your activity launch faster changelog 中文文档 Pre-load data before Activity opens, and display data on UI after UI initialization....You can start a PreLoader everywhere and start to ...

    WPF 求界面加载速度优化

    我现在在同一个界面上要绘制350个 LinearBar 每隔15秒刷新一次数据,现在的问题 是控件生成和数据刷新其实所用的时间都只是1秒左右,但是界面绘制太慢了,附程序,求界面加载速度优化

    网站页面静态优化,提升页面浏览速度和搜索引擎友好程度

    静态优化是指通过对前台网站页面进行静态或者伪静态的处理,从而让页面浏览速度和针对搜索引擎友好程度都有大幅提升。

    next_gen_image_comparison:用于页面速度优化的测试站点

    next_gen_image_comparison此 repo ... 该网站有 3 个版本,这是一个单一页面:未优化、动态和 webp 优化。 每个版本都有不同的图像加载。 该站点的结构非常适合测试以确定使用下一代图像的内容以及是否存在显着差异。

    让你页面速度飞起来 Web前端性能优化(解压密码123).zip

    让你页面速度飞起来 Web前端性能优化 让你页面速度飞起来 Web前端性能优化

    speedOptimization:速度优化项目

    项目04页面速度优化索引.html 我的项目可以在我做了一些改变,帮助页面渲染得更快针对index.html运行PageSpeed见解我获得了98/100(移动版)和99/100(桌面版)的信息我在 index.html 上所做的更改在 index.html ...

    网站页面性能优化

    雅虎团队经验:网站页面性能优化的34条黄金守则 1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少...

    让你页面速度飞起来 Web前端性能优化(视频教程+ppt)

    让你页面速度飞起来 Web前端性能优化 从构建、浏览器渲染、缓存、PWA、服务端优化等多方面,梳理前端性能优化的技术点、综合分析技术的原理,根据不同的业务场景选择合适的性能优化点进行应用,最终为你的网站带来...

    PreLoader--android 页面启动速度优化利器

    介绍:android页面启动速度优化利器:在页面打开之前就预加载数据。 运行: 在Activity打开之前预加载数据,并在UI初始化之后在UI上显示数据。 加速活动发布 您可以在任何地方启动PreLoader,并开始使用preLoaderId...

    win2012使用IIS配置php使用wincache进行优化访问速度

    该文档说明了使用windows2012服务器配置配置IIS解析php页面,内容简单明了,重点已使用红色字体加粗标识,文档中还提到使用wincache加速解析php页面,为iis访问php优化访问速度进行了简单说明

    SQL Server数据库查询速度慢原因及优化方法

    【赛迪网-IT技术报道】SQL Server数据库查询速度慢的原因有很多,常见的有以下几种: ...其次,看一下SQL SERVER的数据存放的结构:一个页面的大小为8K(8060)字节,8个页面为一个盘区,按照B树存放。

    页面间跳转的性能优化(一) 1

    前言现在App的页面越来越复杂,页面初始化的工作越来越多,加载页面所需的时间也随之增长,如果页面加载的时间过长,这将会影响App的流畅度及用户体验,我们需要解决

    性能优化之代码优化页面加载速度

    页面代码的优化对于页面加载速度也有不小的影响,最广为人知的: HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾。 其次还有:...

    400%的飞跃-web页面加载速度优化实战

    这样的话网站做得再难看批判者进不来不是白搭嘛,于是针对web页面加载速度的优化迫在眉睫。基于博主以前优化过其他网站,于是博主准备把这次的优化过程记录下来分享给大家借鉴。先来看优化前的页面:加载时间8.18s,...

    H5性能优化

    性能 H5 速度 页面 H5页面的加载速度优化。从代码和公用技术方面进行优化

    论文研究-内存页面交换文件定位优化方法.pdf

    对分区盘(Zoned-Disk)技术进行了详细的研究,提出了一种对内存页面交换文件在磁盘上的定位进行优化的方法。通过理论分析和实验验证,表明该方法相对与传统的文件定位方法,不但可以提高磁盘的数据传输速率和内存中...

    JSP速度优化七种方法

    调整JSP和servlet的一些非常实用的方法,它可使你的servlet和JSP页面响应更快,扩展性更强。而且在用户数增加的情况下,系统负载会呈现出平滑上长的趋势。在本文中,我将通过一些实际例子和配置方法使得你的应用程序...

    浅谈webpack性能榨汁机(打包速度优化)

    主要介绍了浅谈webpack性能榨汁机(打包速度优化),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Global site tag (gtag.js) - Google Analytics