我正在尝试调整jsf 2页的加载性能。 以下是性能测量的一些跟踪： - 首次加载页面：加载1404毫秒的全局页面时间，特别是花在“渲染rsponse”阶段
上+++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ +++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PHASE LISTENER] END PHASE APPLY_REQUEST_VALUES 2执行时间= 1ms +++ +++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -bio-8083-exec-4] DEBUG com.azone.web.form.CarCaracteristicForm - 检查avnSearchParamsBoImpl DI：OK +++++++++++++++++++++++++++++++++++++++++++++++++ PROCESS_VALIDATIONS 3，执行时间= 60ms +++ ++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ [PHASE LISTENER] END PHASE UPDATE_MODEL_VALUES 4执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ [PHASE LISTENER] END PHASE INVOKE_APPLICATION 5执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + exec-4] INFO com.azone.web.UserSessionBean - TIME TAKEN BY SecurityContextHolder.getContext（）。getAuthentication 0 ms 2013-02-02 14：25：13,914 [http-bio-8083-exec-4]信息 com.azone.web.UserSessionBean - 匿名用户：Guest !!用户已设置 到新的+++++++++++++++++++++++++++++++++++++++++++++++++++ RENDER_RESPONSE 6，执行时间= 1318ms +++ +++++++++++++++++++++++ 全局页面执行时间= 1404ms
+++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ +++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PHASE LISTENER] END PHASE APPLY_REQUEST_VALUES 2执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ [PHASE LISTENER] END PHASE PROCESS_VALIDATIONS 3，执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ [PHASE LISTENER] END PHASE UPDATE_MODEL_VALUES 4执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++ [PHASE LISTENER] END PHASE INVOKE_APPLICATION 5执行时间= 0ms +++ +++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + exec-3] INFO com.azone.web.UserSessionBean - TIME TAKEN BY SecurityContextHolder.getContext（）。getAuthentication 0 ms 2013-02-02 14：28：16,536 [http-bio-8083-exec-3]信息 com.azone.web.UserSessionBean - 匿名用户：Guest !!用户已设置 到新的+++++++++++++++++++++++++++++++++++++++++++++++++++ RENDER_RESPONSE 6，执行时间= 614ms +++ ++++++++++++++++++++++++++ 全局页面执行时间= 656ms
这是我的页面来源：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<ui:composition template="../templates/template.xhtml">
<ui:define name="contentWrapper">
<f:metadata>
<f:viewParam name="itemFamily" value="#{newItemAdd.itemFamily}" />
<f:event type="preRenderView" listener="#{newItemAdd.initFamily}" />
</f:metadata>
<h:form>
<rich:panel id="mainFilters">
<h:outputText value="property 1" />
<h:panelGrid columns="2" cellspacing="6" width="600">
<h:panelGrid columns="3" cellspacing="6" width="300">
<h:outputText value="First name: " />
<h:inputText id="fname" value="#{newItemAdd.userForm.user.firstName}">
<f:validateRequired />
<rich:validator />
</h:inputText>
<rich:message for="fname" />
<h:outputText value="Tel:" />
<h:inputText id="tel" value="#{newItemAdd.userForm.currentPhone}">
<f:validateRequired />
<rich:validator />
</h:inputText>
<rich:message for="tel" />
<h:outputText value="Email:" />
<h:inputText id="email" value="#{newItemAdd.userForm.user.email}">
<f:validateRequired />
<rich:validator />
</h:inputText>
<rich:message for="email" />
</h:panelGrid>
<h:panelGrid columns="2" cellspacing="6" width="300">
<h:outputText value="Governorate" />
<h:selectOneMenu id="govList"
value="#{newItemAdd.itemForm.region.governorate.governorateId}"
valueChangeListener="#{newItemAdd.itemForm.processGovernoratesChange}">
<f:selectItem id="govdefitm" itemValue="0"
itemLabel="All Governorates" />
<f:selectItems id="governoratesList"
value="#{newItemAdd.itemForm.governoratesList}" />
<f:ajax event="change" execute="@this" render="munList" />
</h:selectOneMenu>
<h:outputText value="Municipality" />
<h:selectOneMenu id="munList"
value="#{newItemAdd.itemForm.region.municipality.municipalityId}">
<f:selectItem id="mundefitm" itemValue=""
itemLabel="All Municipalities" />
<f:selectItems id="municipalitiesList"
value="#{newItemAdd.itemForm.municipalitiesList}" />
</h:selectOneMenu>
</h:panelGrid>
</h:panelGrid>
<h:panelGrid columns="2" cellspacing="6" width="600">
<h:panelGrid columns="3" cellspacing="6" width="300">
<h:outputText value="Property 2" />
<h:inputText id="property2" value="#{newItemAdd.itemForm.property2}" />
<rich:message for="property2" />
<h:outputText value="Property 3" />
<h:selectOneMenu id="propList"
value="#{newItemAdd.itemForm.property3}"
valueChangeListener="#{newItemAdd.itemForm.processProperty3Change}">
<f:selectItem id="mandefitm" itemValue="0" itemLabel="All porperties" />
<f:selectItems id="propList"
value="#{newItemAdd.itemForm.property3List}" />
<f:ajax event="change" execute="@this" render="modList" />
</h:selectOneMenu>
<rich:message for="propList" />
</h:panelGrid>
<h:panelGrid columns="3" cellspacing="6" width="300">
<h:outputText value="property 4" />
<h:inputText id="prop4" value="#{newItemAdd.itemForm.property4}" />
<rich:message for="prop4" />
<h:outputText value="Property 4" />
<h:selectOneMenu id="prop4List"
value="#{newItemAdd.itemForm.model}">
<f:selectItem id="moddefitm" itemValue="" itemLabel="All Properties" />
<f:selectItems id="prop41List" value="#{newItemAdd.itemForm.properties4List}" />
</h:selectOneMenu>
<rich:message for="prop4List" />
</h:panelGrid>
</h:panelGrid>
</rich:panel>
<!-- -->
<rich:panel id="optionalFilters">
<h:panelGrid columns="2" cellspacing="6" width="600">
<h:panelGrid columns="2" cellspacing="6" width="400">
<h:outputText value="Property 5" rendered="#{!newItemAdd.type1}"/>
<h:selectOneMenu id="property5" rendered="#{!newItemAdd.type1}"
value="#{newItemAdd.itemForm.property5}"
layout="pageDirection">
<f:selectItem id="propId" itemValue="0"
itemLabel="Any property" />
<f:selectItems value="#{newItemAdd.itemForm.properties5List}" var="item"
itemLabel="#{item.label}" itemValue="#{item.value}" />
</h:selectOneMenu>
<h:outputText value="Property 7 " rendered="#{newItemAdd.type2}"/>
<h:selectOneMenu id="property7" rendered="#{newItemAdd.type2}"
value="#{newItemAdd.itemForm.family1.property7.property7Id}">
<f:selectItem id="trmdefitm" itemValue="0"
itemLabel="Any property" />
<f:selectItems id="property7List"
value="#{newItemAdd.itemForm.property7List}" />
</h:selectOneMenu>
<h:outputText value="Property 8" />
<h:selectOneMenu id="property8List"
value="#{newItemAdd.itemForm.property8}">
<f:selectItem id="bdydefitm" itemValue=""
itemLabel="All properties" />
<f:selectItems id="propList" value="#{newItemAdd.itemForm.property8List}" />
</h:selectOneMenu>
<h:outputText value="Property 9 " rendered="#{newItemAdd.type2}"/>
<h:selectOneMenu id="property9" rendered="#{newItemAdd.type2}"
value="#{newItemAdd.itemForm.family1.property9.property9Id}">
<f:selectItem id="trndefitm" itemValue="0"
itemLabel="Any Property" />
<f:selectItems id="prop9List"
value="#{newItemAdd.itemForm.property9List}" />
</h:selectOneMenu>
<h:outputText value="Property 10 " />
<h:selectOneMenu id="prop10"
value="#{newItemAdd.itemForm.property10}">
<f:selectItem id="minprcdefitm" itemValue="" itemLabel="Any Property" />
<f:selectItems id="prop10List"
value="#{newItemAdd.itemForm.property10List}" />
</h:selectOneMenu>
<h:outputText value=" ?? " />
<h:outputText value="property" />
<h:outputText value="property ??" />
<h:outputText value="property ? property ? property ?" />
<h:outputText value="property ? property ? property ?" />
<h:outputText value="property ??" />
</h:panelGrid>
<h:outputText value="property" />
</h:panelGrid>
<h:panelGrid id="property11">
<h:outputText value="property 11" />
<h:inputTextarea value="#{newItemAdd.itemForm.property11}" cols="50"
rows="10" />
</h:panelGrid>
<h:panelGrid columns="2" columnClasses="top,top">
<rich:fileUpload fileUploadListener="#{newItemAdd.picsManager.listener}"
id="upload" acceptedTypes="jpg, gif, png, bmp"
ontyperejected="alert('Only JPG, GIF, PNG and BMP files are accepted');"
maxFilesQuantity="3">
<a4j:ajax event="uploadcomplete" execute="@none" render="info" />
</rich:fileUpload>
<h:panelGroup id="info" layout="block">
<rich:panel bodyClass="info">
<f:facet name="header">
<h:outputText value="Uploaded Files Info" />
</f:facet>
<h:outputText value="No files currently uploaded"
rendered="#{newItemAdd.picsManager.size==0}" />
<rich:dataGrid columns="1" value="#{newItemAdd.picsManager.files}" var="file"
rowKeyVar="row">
<rich:panel bodyClass="rich-laguna-panel-no-header">
<h:panelGrid columns="2">
<a4j:mediaOutput element="img" mimeType="image/jpeg"
createContent="#{newItemAdd.picsManager.paint}" value="#{row}"
style="width:100px; height:100px;" cacheable="false">
<f:param value="#{fileUploadBean.timeStamp}" name="time" />
<a4j:ajax event="click" execute="newItemAdd.picsManager.paint" ></a4j:ajax>
</a4j:mediaOutput>
<h:panelGrid columns="2">
<h:outputText value="File Name:" />
<h:outputText value="#{file.name}" />
<h:outputText value="File Length(bytes):" />
<h:outputText value="#{file.length}" />
</h:panelGrid>
</h:panelGrid>
</rich:panel>
</rich:dataGrid>
</rich:panel>
<br />
<a4j:commandButton action="#{newItemAdd.picsManager.clearUploadData}"
render="info, upload" value="Clear Uploaded Data"
rendered="#{newItemAdd.picsManager.size>0}" />
</h:panelGroup>
</h:panelGrid>
</rich:panel>
<rich:messages />
<a4j:commandButton value="Go!"
action="#{newItemAdd.testCheck}" />
</h:form>
</ui:define>
</ui:composition>
</html>
感谢您提供帮助。
更新： 我把我的表格分成了两种形式，如下所述，但它似乎没有帮助:(
<h:form>
<ui:include src="file_test_part_1.xhtml"/>
<!-- -->
<ui:include src="file_test_part_2.xhtml"/>
<rich:messages />
<a4j:commandButton value="Go!"
action="#{newCarAdd.testCheck}" />
</h:form>
答案 0 :(得分：0)
您可以采取一些措施来提高屏幕效果
要查看您的内容是否已经使用gzip和缓存，请执行 Google Chrome 浏览器 - ＆gt;右键点击你的屏幕 - ＆gt;检查 - ＆gt;点击网络标签 - ＆gt;刷新你的屏幕。 点击图片，图标，样式表，看看您是否在响应标题
中看到了以下内容 Cache-Control:max-age=2592000如果元素的状态是304（来自缓存）
Content-Encoding:gzip如果元素的状态为200