2016-07-12 6 views
0

우리는 TomEE 1.5.2 Plus (myfaces 2.1.13) 및 Primefaces 3.5를 사용하여 웹 응용 프로그램을 개발했습니다. 성능은 약 70ms의 일반적인 서버 응답 시간에서 허용됩니다. TomEE 7.0.0-M3 Plus (myfaces 2.2.9)와 Primefaces 5.3으로 이동할 때,이 응답 시간은 이제 최대 900ms입니다. 네트워크 탭의 Firefox 웹 콘솔을 사용하면이 타이밍은 모두 대기 중 0ms 수신 시간입니다. 서버 요청이 p:remoteCommand 인 것 같습니다. 우리의 응용 프로그램은 관리 된 뷰 Scoped Beans를 가진 많은 p:dialog 사용자 인터페이스를 가지고 있습니다. p:remoteCommands 대화 상자가 많을수록 성능이 떨어집니다.TomEE/Primefaces에 대한 네트워크 응답 시간이 매우 느림

TomEE 7.0.1 Plus (myfaces 2.2.10 및 Primefaces 6.0)가 더 좋은 결과를 얻지 못했습니다. 테스트 응용 프로그램은 버튼과 ap를 사용하여 간단한 대화 상자에서 카운터를 증가시키고 양식을 업데이트하고 크기를 조정하는 것으로 나타났습니다. TomEE 7.0.0과 Primefaces 5.3을 사용하여 20 개의 대화 상자, 콩 및 버튼에서 40 배로 대기 시간 (50ms ~ 100ms)을 단축합니다. TomEE 1.5.2와 Primefaces 3.5에서 동일한 코드를 실행해도 차이는 없습니다 (30ms).

TomEE 1.5.2/Primefaces 3.5 환경에서 facesContext.application.projectStage = Development 또는 Production으로 빌드 할 때 차이는 없습니다. Tomye 7.0.0/Primefaces 5.3을 사용하여 Production 모드에서 생산 시간이 약 10 % 향상되었습니다. 샘플 테스트 응용 프로그램 코드는

입니다.

홈페이지 앱

<!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:p="http://primefaces.org/ui" 
    xmlns:cc="http://java.sun.com/jsf/composite/components"> 

<h:head> 
    <title>COUNTER</title> 
</h:head> 


<h:body> 
    <ui:include src="/Dialogs/counterDialog.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog2.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog3.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog4.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog5.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog6.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog7.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog8.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog9.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog10.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog11.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog12.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog13.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog14.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog15.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog16.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog17.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog18.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog19.xhtml" /> 
    <ui:include src="/Dialogs/counterDialog20.xhtml" /> 

<h:form id="countForm"> 
    <input id="clickMe" type="button" value="clickMe" onclick="openCounterDialog();" /> 
    <h:outputText id="count" value="#{counter.count}" /> 
    <input id="clickMe2" type="button" value="clickMe2" onclick="openCounterDialog2();" /> 
    <h:outputText id="count2" value="#{counter2.count}" /> 
    <input id="clickMe3" type="button" value="clickMe3" onclick="openCounterDialog3();" /> 
    <h:outputText id="count3" value="#{counter3.count}" /> 
    <input id="clickMe4" type="button" value="clickMe4" onclick="openCounterDialog4();" /> 
    <h:outputText id="count4" value="#{counter4.count}" /> 
    <input id="clickMe5" type="button" value="clickMe5" onclick="openCounterDialog5();" /> 
    <h:outputText id="count5" value="#{counter5.count}" /> 
    <input id="clickMe6" type="button" value="clickMe6" onclick="openCounterDialog6();" /> 
    <h:outputText id="count6" value="#{counter6.count}" /> 
    <input id="clickMe7" type="button" value="clickMe7" onclick="openCounterDialog7();" /> 
    <h:outputText id="count7" value="#{counter7.count}" /> 
    <input id="clickMe8" type="button" value="clickMe8" onclick="openCounterDialog8();" /> 
    <h:outputText id="count8" value="#{counter8.count}" /> 
    <input id="clickMe9" type="button" value="clickMe9" onclick="openCounterDialog9();" /> 
    <h:outputText id="count9" value="#{counter9.count}" /> 
    <input id="clickMe10" type="button" value="clickMe10" onclick="openCounterDialog10();" /> 
    <h:outputText id="count10" value="#{counter10.count}" /> 
<div> 
    <input id="clickMe11" type="button" value="clickMe11" onclick="openCounterDialog11();" /> 
    <h:outputText id="count11" value="#{counter11.count}" /> 
    <input id="clickMe12" type="button" value="clickMe12" onclick="openCounterDialog12();" /> 
    <h:outputText id="count12" value="#{counter12.count}" /> 
    <input id="clickMe13" type="button" value="clickMe13" onclick="openCounterDialog13();" /> 
    <h:outputText id="count13" value="#{counter13.count}" /> 
    <input id="clickMe14" type="button" value="clickMe14" onclick="openCounterDialog14();" /> 
    <h:outputText id="count14" value="#{counter14.count}" /> 
    <input id="clickMe15" type="button" value="clickMe15" onclick="openCounterDialog15();" /> 
    <h:outputText id="count15" value="#{counter15.count}" /> 
    <input id="clickMe16" type="button" value="clickMe16" onclick="openCounterDialog16();" /> 
    <h:outputText id="count16" value="#{counter16.count}" /> 
    <input id="clickMe17" type="button" value="clickMe17" onclick="openCounterDialog17();" /> 
    <h:outputText id="count17" value="#{counter17.count}" /> 
    <input id="clickMe18" type="button" value="clickMe18" onclick="openCounterDialog18();" /> 
    <h:outputText id="count18" value="#{counter18.count}" /> 
    <input id="clickMe19" type="button" value="clickMe19" onclick="openCounterDialog19();" /> 
    <h:outputText id="count19" value="#{counter19.count}" /> 
    <input id="clickMe20" type="button" value="clickMe20" onclick="openCounterDialog20();" /> 
    <h:outputText id="count20" value="#{counter20.count}" /> 
</div> 

</h:form> 

</h:body> 

</html> 

대화

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:p="http://primefaces.org/ui" 
    xmlns:cc="http://java.sun.com/jsf/composite/components"> 

    <p:dialog 
    id="counterDialog1" 
    header="Counter Form" 
    widgetVar="counterWidget" 
    closeOnEscape="true" > 

    <p:ajax 
     event="close" 
     listener="#{counter.buttonHit()}" 
     update="counterForm" 
     resetValues="true" /> 

    <h:form id="counterForm"> 

     <p:panel id="counterPanel">   
      <input id="countMe" type="button" value="countMe" onclick="customfunction();" /> 
      <p:remoteCommand name="increment" actionListener="#{counter.increment}" update=":countForm" /> 
     </p:panel> 

     <div 
     align="center" 
     style="padding: 5px"> 

     <p:commandButton 
      id="counterOK" 
      value="Ok" 
      cache="false" 
      ajax="true" 
      style="valign:bottom;float:left;padding-left:10px" 
      onclick="closeCounterDialog()" /> 

     <p:commandButton 
      id="counterCancel" 
      value="Cancel" 
      style="valign:bottom;float:center;padding-right:10px" 
      onclick="closeCounterDialog()" 
      process="@this"> 

     </p:commandButton> 

     <p:commandButton 
      id="counterHelp" 
      value="Help" 
      style="valign:bottom;float:right;padding-right:10px" 
      disabled="true"> 
     </p:commandButton> 

     <p:defaultCommand 
      target="counterOK" /> 

     </div> 
    </h:form> 
    </p:dialog> 

    <script type="text/javascript"> 
      //<![CDATA[ 
      // Keep script tag outside of any component tag that may need to get updated 
      // so JavaScript objects are not recreated. E.g. removing event handlers 
      // won't work after update since handler function is a different intance 
      function openCounterDialog (event) 
      { 
       counterWidget.show(); 
      } 

      /** 
      * Remove all the relevant event listeners, re-enable normal behavior and 
      * hide the dialog 
      */ 
      function closeCounterDialog() 
      { 
       counterWidget.hide(); 
      } 

      function customfunction() 
      { 
       //your custom code 
       increment(); //makes a remote call 
      } 

     //]]> 
    </script> 



</ui:composition> 

는 빈 클래스

import javax.faces.bean.ManagedBean; 
import javax.faces.bean.ViewScoped; 

import org.primefaces.context.RequestContext; 

@ManagedBean(name = "counter") 
@ViewScoped 
public class Counter implements Serializable 
{ 
/** Prevents compiler generating brittle one */ 
    private static final long serialVersionUID = -2L; 


    int count; 


    public Counter() 
    { 
    count = 0; 
    } 

    public void increment() 
    { 
    count++; 
    } 

    public int getCount() 
    { 
    return count; 
    } 

    public void buttonHit() 
    { 
    RequestContext.getCurrentInstance().execute ("closeCounterDialog()"); 
    } 

} 

어떤 아이디어를 관리? 미리 감사드립니다.

+0

당신이 요청 및 응답의 내용의 차이를 확인 했 : 여기

는 관련 문제인가? 서버 측을 프로파일 링 했습니까? phaselistener와 함께? 나는 그것이 올바르게 작동하는지 의아하게 만드는 매우 이상한 약간의 디자인 물건을 본다. 또는 샘플 테스트 응용 프로그램이 잘못되어 실제 응용 프로그램이 – Kukeltje

+0

이 아닙니다. 샘플 응용 프로그램은 실제 응용 프로그램과 동일한 디자인입니다. 내가 제공 한 샘플 앱 디자인에서 부정확 한 것으로 정의 할 수 있습니까? 고맙습니다. –

답변

0

일부 primefaces 버전은 요청 당 하나의 유효성 검사기 유효성 검사기를 생성합니다. 사용자 정의 된 경우 - JSF 환경에서는 종종 그렇습니다. 실제로 응용 프로그램의 속도가 느려집니다. 이 문제가없는 하나의 버전을 사용하고 있는지 확인하십시오. https://github.com/primefaces/primefaces/issues/1119

관련 문제