`

页面调优

阅读更多

其实原来也想过怎么调优,B/S的程序调优可以从很多方面考虑,

  1. 页面调优:比如通过控制加载的JS、图片、css、IFrame等信息来调优
  2. JDK调优:调整JVM的内存等
  3. 服务器的调优
  4. 数据库的调优

今天先讲一下页面调优,其实就是介绍发现页面加载慢的工具,让你知道自己的页面慢在哪儿,从哪儿入手去调优。

 

首先下载FireFox浏览器,我下载的是最新版3.6.3

安装成功以后,安装一些有利于调优的“附加组件”

 

一、先安装Firebug,简单来说,Firebug是Firefox上用来监视、编辑和调试站点的CSS、HTML、DOM和JavaScript的扩展工具。下载地址:https://addons.mozilla.org/en-US/firefox/downloads/latest/1843/addon-1843-latest.xpi

 

FireFox 组件的安装方式:下载完之后在FireFoX中,工具--》附件组件--》附展,将下载的xpi文件拖到这个窗口中,会自动安装

 

需要注意的是:没有Firebug下面两个工具不能用,所以这个是必须装的

安装好之后,可以通过点击浏览器右下方的小虫子打开Firebug,也可以按F12打开,如果要以新窗口的方式打开,就按下CTRL+F12

 

二、安装Google Page Speed

下载地址:http://code.google.com/intl/zh-CN/speed/page-speed/download.html

安装方式和上面Firebug的方式相同

安装之后,打开Firebug,可以看到两个按钮,Analyze Performance与Show Resources,其中Analyze Performance是Page Speed的核心功能。点击以后Page Speed始工作,几秒钟以后就会得出一份详细的性能分析报告

 

三、安装yslow,安装地址:https://addons.mozilla.org/en-US/firefox/search?q=YSLOW&cat=all大家下载的时候要在FireFox中点击这个地址,要不然下载的连接总是跳到下载FireFox的页面,让你去下载FireFox,郁闷得很。

安装之后,打开Firebug,可以看到一个按钮,叫做YSlow,点击之后,点击RunTest就会看到分析报告。

 

我的网站主页分析:

 

 

QQ:

 

 

sohu:

 

 

 

 

google:

 

 

通过这个分析,再对比Page Speed给出的调优建议,页面调优就比较简单了。

  • 大小: 12 KB
  • 大小: 14.5 KB
  • 大小: 15.8 KB
  • 大小: 11.4 KB
分享到:
评论

相关推荐

    Ibm websphere Portal 6.1调优手册

    除了上述主要方面,文档还探讨了Web内容管理、多页面调优、WebSphere Portal缓存管理等领域的优化策略,以及在特定场景下的最佳实践。 总之,《IBM WebSphere Portal 6.1调优手册》是一个全面的性能优化指南,覆盖...

    Websphere portal tuning调优

    ### WebSphere Portal V6.0 调优技术解析 #### 环境性能调优概述 本章节主要介绍在WebSphere Portal V6.0环境下如何进行系统性能调优。性能调优是确保应用程序能够在高负载下保持稳定运行的关键步骤。通过对应用...

    oracle调优工具.rar

    "best_practices.url"、"faq.url"和"home.url"这三个链接文件可能指向了Oracle调优的最佳实践网页、常见问题解答页面以及可能的官方网站。这些链接资源可以提供最新的调优策略、常见问题的解答以及官方的最新技术...

    DB2性能调优入门教程

    例如,DB2提供了一系列的监控命令和视图,如SNAPSHOT,用于获取数据库的实时状态,包括缓冲池命中率(Hit Ratio)、页面读写统计等,帮助识别性能瓶颈并采取相应的调优措施。 综上所述,DB2性能调优是一个综合性的...

    windchill系统调优文档

    根据提供的文件信息,本文将对Windchill系统调优的关键知识点进行详细解析,重点围绕标题“Windchill系统调优文档”以及描述中提到的调优相关内容展开。 ### 1. 调优介绍 #### 1.1 Windchill系统的调优主要调整...

    前端开发简历模板.web前端开发工程师-2年.docx

    - 对公司部分前端项目进行性能优化、页面调优,确保手机端的适应性。 2. 北京科蓝软件系统股份有限公司(2019.4至今) - 主要负责前端详情页中动图效果的实现。 - 开发并维护前端公共组件,如树形菜单、对话框和...

    tomcat优化调优文档

    ### Tomcat优化调优知识点详解 #### 一、Tomcat简介及重要性 Tomcat作为一款免费且开源的Web应用服务器软件,在Java开发领域占据着举足轻重的地位。其核心功能是支持运行Java Servlet/JSP,同时也因其轻量级、易用...

    微软ASP.NET页面的性能调优

    本文将深入探讨如何对微软ASP.NET页面进行性能调优,以提高网页加载速度,降低服务器资源消耗,提升用户体验。 一、编译优化 1. 预编译:ASP.NET允许在部署前预编译应用程序,这可以减少运行时的编译开销。使用`...

    MongoDB性能调优(基于MMS)

    MongoDB性能调优是一门深入的技术领域,它关注的是如何让MongoDB数据库运行得更加高效和稳定。在基于MongoDB的Ops Manager(MMS)上进行性能调优,能够让用户通过一系列监控指标分析出MongoDB性能问题的根本原因,并...

    Tomcat性能调优方案

    Tomcat性能调优方案,tomcat集群,tomcat配置 三、Apache集成Tomcat Web服务器专门处理HTTP请求,应用服务器是通过很多协议为应用提供商业逻辑。虽然Tomcat也可以作web服务器,但其处理静态html的速度比不上Apache...

    很好用的系统调优工具IEWATCH

    2. **性能监控**:IEWATCH提供了一种直观的方式来监控IE浏览器的性能指标,如页面加载时间、内存占用、CPU使用率等,让用户可以实时了解浏览器的运行状态。 3. **性能瓶颈识别**:软件能够帮助用户识别导致性能下降...

    liferay性能调优文档

    然而,随着应用规模的增长,性能调优成为提升用户体验和系统效率的关键环节。以下是对标题"liferay性能调优文档"中涉及的知识点的详细阐述: 1. **资源优化**:Liferay性能调优的第一步是优化资源使用,包括内存...

    英特尔至强处理器LINPACK高级调优

    同时,HPL的性能还受到环境变量的影响,如HPL_LARGEPAGE可以设置为0或1,分别对应常规内存映射和大页面内存映射,后者可能提高性能。HPL_LOG控制日志的详细程度,可设定为0、1或2,以决定输出信息的多少。此外,HPL_...

    DB2性能调优.pdf

    - **页面清理器(Page Cleaners)**: 清理缓存中的脏页。 - **日志(Logs)**: 记录事务处理的信息,用于故障恢复。 - **死锁检测器(Deadlock Detector)**: 监测并解决死锁问题。 #### 二、设置Control Center **2.1 ...

    weblogicTomcatWebsphere调优方法

    在WebLogic的其他参数调整中,还包括Web应用部署描述符配置,例如调整session超时、错误页面设置等;连接缓冲池参数配置,如最大连接数、最小连接数和空闲超时时间,以优化数据库访问;JVM配置也很关键,如-Xms和-...

    JAVA性能测试与调优案例

    根据提供的文件信息,本文将对“JAVA性能测试与调优案例”进行详细的知识点解析。 ### JDK优化 首先,文档提到了Java虚拟机(JVM)的不同版本。JVM的动态库分为client和server两个版本,这分别针对桌面应用和服务器...

    《移动端web调优》PDF

    《移动端Web调优》这本书是针对移动互联网时代Web开发中的性能优化进行深入探讨的专业资料。在当前移动设备占据主导地位的环境下,优化移动端Web应用的性能对于提供良好的用户体验至关重要。以下将详细介绍书中涵盖...

    软件性能测试调优

    - **单位**: 请求/秒 或 页面/秒。 **4. 资源利用率** - **定义**: 系统资源(如CPU、内存、网络带宽等)的使用程度。 - **度量**: 通常以占用最大值的百分比表示。 #### 三、性能测试场景 性能测试通常涉及以下...

Global site tag (gtag.js) - Google Analytics