深入浅出Symfony2 - 如何提高网站响应速度

简介

\

Symfony2是一个基于PHP语言的Web开发框架,有着开发速度快、性能高等特点。但Symfony2的学习曲线也比较陡峭,没有经验的初学者往往需要一些练习才能掌握其特性。相对其他框架,Symfony2比较吸引人的特点有:

\
  1. 支持DI(Dependency Injection,依赖注入)和IoC(Inversion of control)。\
  2. 高性能。\
  3. 扩展性强。\
  4. 文档成熟、拥有成熟的社区支持。\

本文通过对一个基于Symfony2框架所开发的网站页面进行逐步优化,最终实现页面加载速度的提高的例子,向读者介绍Symfony2框架的一些核心功能和特点。通过阅读本文,你可以通过一些具体的例子了解Symfony2框架的优秀特性和技术特点,从而体会到使用Symfony2框架可以为网站开发带来的各种优势。

\

适合人群

\
  • 本文适用于希望提高PHP语言的开发技术,或者对Symfony2框架有兴趣的读者。\
  • 本文也适用于系统架构师和各类技术决策者。\

1.Symfony2的运行环境的设置

\

在我所演示的项目中,已经包含了一个页面,通过输入这个地址来打开它:http://your.host.com/appdev.php/testpage_1。出现的页面如下图所示:

\

31483239eb81bfd36d9ca826573f3025.jpg

\

我们打开浏览器自带的调试功能,然后刷新页面:

\

9e811dc5828dfb4cdcf3e7d10bbcc4bc.jpg

\

可以看到,该页面充斥着大量的js/css/图片文件,而整个页面的加载速度竟然达到了9.6秒。

\

而如果打开这个页面:http://your.host.com/app.php/testpage1,出现的页面如下图所示:

\

4803b529d69253f1d0b193f340c27cd8.jpg

\

我们发现页面的加载速度变成了4秒,同时众多js和css文件被各自合并成为了两个单独的文件(图中红框的部分)。

\

造成上面两个页面打开速度截然不同的原因在于:如果通过不同的入口文件(app.php和appdev.php)进入页面,Symfony2会根据入口文件的不同,切换到不同的运行环境。比如在默认配置中:通过app.php访问的页面,就是生产环境,而通过appdev.php访问的页面,则是开发环境。Symfony2根据运行环境的不同,运行程序时的配置也会不同。比如细心的读者可能会发现,开发环境中页面的下方多了一条像是工具栏一样的东西(这是Symfony2特有的开发调试栏)。环境的不同会影响Symfony2程序运行的各个环节,以下列举了一些比较重要的不同配置下的差异处:

\
功能开发环境生产环境
---------------
开发调试栏会出现不会出现
日志记录记录详细的程序执行信息只在程序出现错误的时候记录
css/js合并不会

所以可以看出,css/js文件合并其实是Symfony2自动根据环境不同所开启或关闭的一个自带功能罢了,这个功能在Symfony2中叫做Assets管理,当然我们也可以通过控制入口文件来实现开启或者关闭其他更多的功能。

\

通过Symfony2的环境配置功能开启或关闭各种自带功能就像在文本里改一个参数那么简单,而每个不同的环境又有一套独立的环境配置。Symfony2提供了大量的参数供用户方便的配置各种功能,通过对不同环境下的各个功能进行配置,可以很方便的设置出一套适合你自己的工作/生产环境。

\

接下来让我们看看Assets管理模块还能为我们做什么。

\

2.深入Assets管理

\

通过对上述页面的分析,我们发现虽然js和css文件合并了,但各自的文件内容却没有经过压缩,两个文件的大小分别是437k和310k,这显然是一个不太合理的数字。但我们可以通过简单的配置,让Assets管理模块帮我们在合并文件的同时对内容也进行压缩。

\

例如我们选择使用uglifyjs2对js进行压缩,用yuicompressor对css进行压缩。在这些软件已经安装完毕的情况下,只需要修改app/config.yml的以下几行:

\
\assetic:\    debug:          \"%kernel.debug%\"\    use_controller: false\    bundles:        ['ScourgenHFS2Demo1Bundle']\    java: /usr/bin/java\    filters:\        cssrewrite: ~\        uglifyjs2:\            compress: true\            mangle: true\            bin: /opt/local/bin/uglifyjs\        yui_css:\            jar: /usr/share/yuicompressor-2.4.7.jar\
\

然后在layout模板中引入js/css的地方分别增加一个过滤器

\
\'@ScourgenHFS2Demo1Bundle/Resources/public/css/public_home.css'\'@ScourgenHFS2Demo1Bundle/Resources/public/css/inner_city_line.css'\filter='?yui_css'\%}\\u0026lt;link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"{{ asset_url }}\" /\u0026gt;\\...\\'@ScourgenHFS2Demo1Bundle/Resources/public/js/common/title.js'\filter='?uglifyjs2'\%}         \
\

我们再执行一下生成Assets的命令:

\
\% php app/console assetic:dump  --env=prod                                                                                                                                  \Dumping all prod assets.\Debug mode is off.\03:14:06 [file+] /Users/scourgen/Desktop/InfoQ/\optimize_performance_of_pages_with_symfony2/HeadFirstSymfony2-Demo1/app/../web/css/2ff013f.css\03:14:14 [file+] /Users/scourgen/Desktop/InfoQ/\
\

然后再打开刚才生产环境下的页面,这时会发现刚才的两个css和js文件的大小已经变成了271k和232k,文件内容也已经都变成了经过uglifyjs2和yuicompressor压缩之后的内容。虽然两个文件大小依然很大,但如果考虑到它们在经过gzip压缩后的文件大小只有86k和39k,也应该算是在合理范围之内了。

\

当然在实际开发中,我们经常会碰到虽然服务端的js/css文件内容修改了,但客户端却保留着旧版本的缓存,导致页面样式和js功能出现问题的情况,而为了解决这个问题,同样可以通过修改配置实现:

\
\#app/config.yml\#将framework的templating改成如下的样子:\…\templating:\    assets_version: 1\    assets_version_format: %%s?%%s\    engines:\        - twig\    assets_base_urls:\        http:\            - http://server1.dev\            - http://server2.dev\...\
\

然后为css合并文件指定一个文件名:

\
\'@ScourgenHFS2Demo1Bundle/Resources/public/css/public_home.css'\'@ScourgenHFS2Demo1Bundle/Resources/public/css/inner_city_line.css'\filter='?yui_css'\output='css/a.css'\%}\
\

我们再刷新一下页面,看看发生了什么。

\

这时刚才两个js和css的URL分别变成了:

\
  • http://server1.dev/css/a.css?1\
  • http://server2.dev/js/9ad140b.js?1\

虽然js和css文件的url后面都带上了一个变量(也就是上面所定义的assets_version),而由于URL的不同,客户端将会重新下载这两个文件以避免从缓存中读取旧的版本。但为什么这两个文件的地址会变成serverx.dev呢?

\

其实这是Assets管理模块的另外一个功能:将它所管理的文件路径变成绝对地址(也就是增加了上面配置文件中的http://server1.dev和http://server2.dev两个域名)。而且在配置了多个域名的情况下,哪个文件名匹配哪个域名是固定的,不会随机显示造成带宽浪费,而这其实是由它的一套算法实现的。

\

通过这样的修改,我们也得到了两个益处:

\
  1. 当页面的js/css/图片文件很多时,由于这些URL的域名都不一样,可以让浏览器在同一时间并发下载更多的文件,从而加快页面打开的时间(参考:浏览器并发连接数)。\
  2. 由于这些URL的域名和网页所在的域名不一样,所以HTTP头里不会携带cookie信息,能够减少网络带宽,从而实现cookie-free domain。\

类似的情况也有很多,在开发中为了实现最佳实践我们往往需要绞尽脑汁,但如果使用Symfony2作为开发框架则会使问题变得非常简单,甚至简单到根本不用写代码,只需要更改几行配置就能实现。

\

话说回来,在经过这些调整之后,前端的载入速度看起来已经不错了。那么Symfony2是否也可以很方便的调试和优化后端代码?答案是肯定的。接下来我们看一下如何使用Symfony2调试和优化程序的性能。

\

3.调试和开发工具介绍

\

调试和优化程序的最基本前提就是:你得知道你的程序在干什么。这句话虽然说得轻巧,但在许多框架面前却很难做到。这些框架在各种高新技术的封装下,代码和程序逻辑也变得十分复杂和臃肿,想要得知你所使用的框架背后到底做了哪些具体的事情、或者想获取程序运行的堆栈和调用信息、以及MySQL/NoSQL/MessageQueue……这些服务的调用和执行情况等等,都是不太容易的。而在没有这些信息支持的情况下,想去对后端程序做调试和优化几乎是不可能的。

\

而获取这些信息以便进行开发和优化对于Symfony2来说却非常容易,原因有三个:

\
  1. Symfony2有一个调试工具栏,能够在每一个页面打开时,在页面的最下方显示该页的程序调试信息,甚至能够从中直接找出导致页面响应速度缓慢的瓶颈。Symfony2自带的调试工具栏非常强大,下面选一个比较酷的功能给大家演示一下:\

0e21d87f730ba4c0e85350ddc2929463.jpg

\

上图是一个显示程序执行顺序以及耗时的界面,通过这个界面,开发者可以很直观的看到程序的详细执行流程和顺序。通过这个界面,也可以看到每个步骤所占用的时间,从而发现影响程序执行速度的瓶颈,从而有针对性的进行优化。比如上图所示的程序执行流程里,一眼就能看出一共有三个地方执行的时间比较久(青色的条比较长)。

\
  1. \

    高效且合理的框架设计使得Symfony2框架内的每个模块都不互相耦合,每个模块都有自己的职责,可以单独为其执行测试用例而不依托其他模块。每个模块也都会像一个独立的软件一样有其自己的版本发布周期,有的模块甚至拥有独立的维护团队。这样的设计让Symfony2取得了复杂性和扩展性之间的平衡,也完成了架构上的解耦,从而直接在架构层面降低了整个框架的复杂度。所以对于开发者来说,不论是开发新功能,还是优化现有程序,都会觉得非常方便和高效。

    \ \
  2. \

    日志记录功能把框架在执行时的全过程都完完全全记录在了日志中,你唯一需要担心的就是及时清理日志以免磁盘空间占用过大。下图是日志的一部分,可以看到日志所记录的信息是非常详细的,让人不禁联想起了一些重量级Java框架的日志的输出。

    \ \

c8989183affe92246a107b845de92361.jpg

\

所以综上三点所述,Symfony2对于调试和优化是非常友好的,利用其自带功能和设计可以很方便的进行调试和优化。

\

Symfony2本身已经做得非常出色了,那么在Symfony2之外呢?

\

虽然大家在国内可能不太听得到Symfony2这个名字,但在国际市场上Symfony2可是非常出名的。许多IDE软件开发商都支持Symfony2(比较出名的有PHPStorm、NetBeans和Eclipse with PDT),通过这些软件对于Symfony2的支持,能够让开发者更加方便快捷的进行开发工作。

\

而对于开源软件开发者,以及一些大网站的技术团队而言,他们也围绕Symfony2框架做了很多工作,也开源了许多他们自己的模块。在Symfony2的托管平台Github上,Symfony2项目的fork量和star量分别为6428和2174(截止2013年4月中旬),位居所有PHP项目的前列。而在最近发布的对2.2版本的开发统计显示,共有2035次提交以及711次申请合并,平均每天11次提交和4次申请合并。如此频繁的代码变更速度也能证明Symfony2以及相关社区的活跃度。

\

有如此强大的开发工具和社区支持,不管开发者在碰到什么问题时,基本上都可以迎刃而解。当然就算碰到了比较复杂的难题,也可以在Symfony2的社区或IRC频道中询问其他开发者。当然也可以来找我,我的联系方式在本文最下面。

\

4. 如何使用缓存

\

对于优化程序性能来说,一般会有三个方向:

\
  1. 优化代码语法\
  2. 优化业务逻辑\
  3. 优化框架及系统\

代码语法的优化并非本文的主题,而业务逻辑则又是由具体的网站功能所决定的,并不会有什么放之四海皆准的办法,所以本节主要介绍的是如何更加高效的使用Symfony2框架所附带的功能来提高网站的响应速度。

\

下面介绍一下Symfony2中最重要的优化功能之一 - 页面缓存功能。

\

对于一个页面来说,经常会有多个程序块来负责分别处理不同的页面部分,比如上文我们所展示的这个页面中,可能会有一块程序来处理页面上方的黑色导航条:显示所有的公交信息及判断用户所在地点;一块程序来处理页面的中间部分:根据用户是否登录显示不同的内容;一块程序来处理页面下方的线路详情信息;而这个页面的最终内容其实就是页面样式模板加上这三个程序输出后的结果。如果希望加快页面速度,最好的办法就是加快这三个程序的输出结果,甚至将结果缓存起来以便今后直接调用。

\

那我们看看如何对页面进行缓存,下面我将通过一个例子来向读者展示如何做到这点。

\

使用页面片段缓存,我们先要在包含其他页面片段的代码上增加一个standalone参数:

\

{% render url('layout_top', {}) with {}, {'standalone': true} %}

\

然后在这个处理页面片段的方法上配置缓存信息。

\
\/**\ * @Route(\"/esi/getTop\
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值