我们现在做个总结:事实上,为了有更好的用户体验我们从各个方面做了优化:资源本身尺寸裁剪:对于css,js资源,我们用yui-compressor对其进行了压缩处理对于p_w_picpath资源,我们用了sprite工具吧多个小图片合并成大的单个图片资源从服务器下载到客户端的速度开销减少:我们对于服务器开启了Gzip Filter的过滤功能,这样所有的资源都是被压缩过的,从而当下载到浏览器中可以大大
当然了,对于图片文件,我们不可以用yui-compressor进行压缩,但是我们可以吧若干个小图片sprite成一张大图片然后给出每个图片的坐标,从而减少网络IO的次数开销。具体步骤是:(1)压缩所有的图片文件成一个zip包(2)上传到以下地址:http://spritegen.website-performance.org/(3)然后它就会产生一个报告然后告诉你css的改变并且创建sprite后
上一章节我们介绍了,从浏览器向服务器获取资源时候,可以通过Gzip让浏览器拿到的是压缩的资源从而减少网络下载时间,那么我们能否从源头上考虑呢,就是我们从源头(资源本身)让资源尽可能的小。办法当然是有的,一般资源有css,js,p_w_picpath,我们的思路是,对于css,js,我们用yui-compressor来对其进行压缩,对于p_w_picpath,我们将他们sprite成单个的大图从而减
对于多数Http请求来说,如果我们能让他们以压缩文件的形式提供这些资源的话,也会极大的提高效率。我们只要开启Gzip,然后就可以减少下载这些资源所占用的网络传输时间。为了进行比较,我们先给个截图,这是没有启用Gzip的情况:从这里可以看出,在启用Gzip之前,下载ext-all-debug.js需要2.8MB这么大的文件,需要用时1.53秒。然后我们就配置Gzip Filter,为此需要做2个步骤
因为我们应用是运行在Liferay 应用服务器上的,所以对于服务器进行一些优化当然是我们最先想到的。之前我们也做了很多测试,因为liferay会有css-fast-load,和 js-fast-load,这些参数会吧若干个css文件或者若干个js文件合并成单个大文件,这样可以显著的减少网络的IO开销次数,我们开发为了方便调试,当然是需要让这些文件都不合并,这样我们可以方便的进行调试,但是在DEMO
最近我们团队要问Liferay做前端页面调优,当然了,测评工具是最重要的,为了看具体的页面加载时间等,我们首选当然是Chrome浏览器的诊断工具,但是总感觉不专业,基于我已有的经验,我还是推荐了YSlow,它会对于页面的各项指标进行打分,然后最终获得总分然后评级,一般级别有A,B,C,D,E,F6个级别。如何安装和测试YSlow:(1) 从Firefox的Add-on上下载 ”YSlow"
如果要设计实现从多个服务器同时删除同一个文件名的文件,那么流程应该怎么样呢? 见我几个月前的邮件: Let MultipleWebServerAgent as the first-class controller and it will control all the WebServerAgent ,each WebServerAgent maintains a
我们已经知道如何从页面上触发动作来激活flow的transition,我们现在思考问题,如果这个动作需要用到flowScope上的数据,那么我们如何用程序来和flowScope交互呢? 方法很简单,我们在业务方法中加一个参数,参数类型为RequestContext,用这个类就可以和flowScope进行交互了: /** &nbs
我们现在来探讨流程的<view-state>问题: 因为流程代表了页面的跳转,那么我们如何才能找到view-state对应的页面呢? 我们回到envprovisioning-confg.xml,在29-33行有如下定义: <!-- Maps logical view names selecte
流控制文件很简单,就是根元素是<view>,然后用<view-state>来代表一个一个的页面,用<transition>来代表从一个状态到另外一个状态的跳转,如果有动作要执行就会加在其中。 对于一个普通的java工程师,一般不需要超过1小时就可以熟知这个文件的编写方法,可查阅相关文档。 对于我们的flow,大体上如下所示:
上篇文章讲到了我们定义portlet应用级别的spring 配置文件为/WEB-INF/config/envprovisioning-config.xml ,下面我们来看下这个spring配置文件内容: <?xml version="1.0" encoding="UTF-8"?> <
因为这是个基于spring的web应用,所以当然我们从web.xml看起:<?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:
春节前我曾经为一个项目做架构,作为公司机密我无法透露这个项目的背景,但是它的实现技术主要是如下: 前端: ext-js (这个作为富客户端的javascript框架还是有极强的竞争力的,因为比较炫) 因为是个portlet,所以我们采用了spring portlet mvc,然后最终平台的实现采用的是liferay. 页面跳转:因为涉及到许多配置页面,然后这些页面上数据量比较大,
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号