`
guafei
  • 浏览: 326664 次
  • 性别: 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前端性能优化。百度云盘视频资料,下载直接看

    WordPress网站优化插件youpzt-optimizer1.2.1

    首先,Youpzt-Optimizer 1.2.1的核心功能之一是页面速度优化。它能够自动压缩HTML、CSS和JavaScript代码,减少文件大小,从而加快页面加载速度。此外,插件还支持合并CSS和JavaScript文件,减少HTTP请求,进一步提升...

    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 ...

    SEO优化源码,支持自定义优化接口

    5. **性能优化**:通过接口集成页面速度优化技术,如图片压缩、代码压缩、缓存策略等。 6. **适应移动设备**:确保源码支持响应式设计,提供良好的移动用户体验。 7. **实施个性化追踪**:通过接口集成Google ...

    Discuz!×3.0论坛SEO优化

    ×3.0论坛的SEO优化是一个综合性的过程,涉及到程序选择、服务器配置、页面速度优化等多个环节。每个环节的改进都将对论坛在搜索引擎中的表现产生积极影响,从而增加流量,提高论坛的知名度和影响力。在实践中,需要...

    网站SEO优化必备工具

    工具可能包括移动响应测试和页面速度优化建议。 九、社交媒体集成: 社交媒体与SEO紧密相连,工具可能帮助用户跟踪社交媒体分享,评估其对SEO的影响。 十、报告和数据分析: 优秀的SEO工具应提供定制化的报告,...

    网站优化工具

    1. **页面速度优化**: - **压缩资源**:通过压缩HTML、CSS和JavaScript文件,可以减少文件大小,从而提高页面加载速度。 - **图片优化**:使用适当的文件格式(如JPEG、PNG或SVG),并进行压缩,可以降低图片的...

    前端页面加载优化

    Struts2 是一个流行的 Java Web 框架,而 BigPipe 技术则是 Facebook 提出的一种优化页面加载速度的方法,它借鉴了服务器端渲染的优势,将大型页面拆分为多个小块,逐个加载,从而显著提高了页面的加载效率。...

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

    - **服务器端渲染**(SSR):如Vue-SSR,可以在服务器端生成完整的HTML页面,提高SEO友好度及首屏加载速度。 - **静态站点生成**(SSG):适用于内容较少变化的场景,预先生成静态页面,减少动态生成时间。 **5.3 ...

    最新优化工具操作方式如下

    这意味着它可能包含了一些自动化或智能化的特性,如关键词分析、元标签编辑、链接检查、页面速度优化等,这些功能可以帮助用户快速识别并解决问题,无需深入理解复杂的SEO技术。 【标签】"优化"进一步确认了这个...

    手机页面模板

    开发者需关注元标签的设置、移动友好的URL结构、页面速度优化等方面,以提高在搜索引擎中的排名,从而吸引更多的流量。 7. **适配与兼容性**:考虑到市场上存在多种操作系统和浏览器,手机页面模板需要保证在各种...

    WPF 求界面加载速度优化

    "WPF 求界面加载速度优化"的主题正聚焦于解决这个问题。描述中提到的场景是界面需要每15秒绘制并更新350个 `LinearBar` 控件,而实际的生成和数据刷新操作仅需1秒,但界面绘制却显得迟缓。这可能由于多种原因导致,...

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

    网站静态优化是提升网页加载速度和搜索引擎友好度的重要策略,主要涉及前端页面的处理,包括静态化或伪静态化处理。这一技术对于提高用户体验和SEO(搜索引擎优化)效果具有显著作用。 1. **URL Rewrite 引擎**:...

    模拟百度谷歌特性页面

    这包括关键词优化、元标签设置、页面速度优化、移动友好性等方面,以提高页面在搜索引擎中的排名,吸引更多的自然流量。 3. 智能推荐系统:为了实现个性化,页面需要根据用户的搜索历史和行为习惯提供定制化的搜索...

    E买网静态页面

    包括关键词优化、元标签设置、URL结构清晰、页面速度优化等,帮助E买网在搜索引擎结果页中获得更高的曝光率。 6. 网站架构:E买网作为一个电商网站,其静态页面的架构应该是逻辑清晰、分类明确的,便于用户快速找到...

    企业网站页面

    5. **SEO优化**:企业网站的页面需要优化以提升搜索引擎排名,包括关键词策略、元标签、内链结构以及页面速度优化。 6. ** Accessibility**:考虑到不同的用户需求,网页应遵循WCAG(Web Content Accessibility ...

    页面渲染原理及页面优化

    为了更好地优化页面加载速度,需要了解浏览器的渲染原理。 浏览器的渲染过程可以分为以下几个阶段: 1. 下载 HTML 文件:浏览器首先需要下载 HTML 文件,并对其进行解析。 2. 解析 HTML 文件:浏览器对 HTML 文件...

    网站访问速度优化提速方法

    ### 网站访问速度优化提速方法 在互联网时代,网站访问速度对于用户体验至关重要。一个加载缓慢的网站不仅会失去用户的兴趣与耐心,还可能影响搜索引擎排名,进而降低流量和转化率。因此,掌握并应用一些实用的网站...

    提升JSP页面响应速度的七大秘籍绝招

    可以通过优化数据库查询,例如使用索引、优化 SQL 语句等,来提高页面响应速度。 秘籍七:使用异步处理 异步处理可以减少页面响应时间,提高用户体验。可以使用异步处理框架,如 Ajax、Comet 等,来实现异步处理。 ...

    网站页面性能优化的34条黄金守则--雅虎团队经验分享

    ### 网站页面性能优化的34条黄金守则--雅虎团队经验分享 ... 在网站页面性能优化中...以上六个方面是雅虎团队分享的网站页面性能优化的重要知识点,通过综合运用这些策略和技术,可以显著提高网站的加载速度和用户体验。

Global site tag (gtag.js) - Google Analytics