1

The google pagespeed is indicating that loading primefaces.js is slowing down my page:

From the pagespeed report:

Defer parsing of JavaScript By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page. 

Suggestions for this page
 284.3KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
 https://www.mysite.co.uk/.../primefaces.js.xhtml?... (185.4KiB)
 https://www.mysite.co.uk/.../jquery.js.xhtml?... (95.1KiB)

How can I resolve this?

DD.
  • 21,498
  • 52
  • 157
  • 246

2 Answers2

0

Adding another solution to this question for anyone else that encounters the same.

You will need to customize the primefaces HeadRenderer to achieve the ordering pagespeed recommends. While this is something that could have been implemented by PrimeFaces, I do not see it in v5.2.RC2. These are the lines in encodeBegin that need change:

96         //Registered Resources
97         UIViewRoot viewRoot = context.getViewRoot();
98         for (UIComponent resource : viewRoot.getComponentResources(context, "head")) {
99             resource.encodeAll(context);
100        }

Simply write a custom component for the head tag, then bind it to a renderer that overrides above behavior.

Now you wouldn't want to duplicate the entire method just for this change, it may be cleaner to add a facet called "last" and move script resources to its beginning in your renderer as new deferredScript components. Let me know if there's interest, and I'll create a fork to demonstrate how.

This approach is "future proof" in the sense that it doesn't break as new resource dependencies are added to components, or as new components are added to the view.

Timir
  • 1,395
  • 8
  • 16
-1

You can defer the page load by moving the scripts from the head tag to the end of the body (before closing it), so the scripts start loading after the page markup is loaded, Also be aware that primefaces automatically gets cached so the first request is the longer one the other with use the chached script.

Carlos487
  • 1,459
  • 13
  • 17
  • How can I move the scripts? These are inserted automatically by primefaces. – DD. Nov 06 '13 at 17:47
  • You can minimize the load by moving the other scripts I think you can move the primefaces but only inside head tag. Also don't worry too much by pagespeed and yslow recommendations some of them can be a little extreme and complicated to solve. – Carlos487 Nov 06 '13 at 19:36
  • You havent really answered the question at hand. – DD. Nov 06 '13 at 22:58
  • Any ideas how to get this work? I found this article how it could someway be done in JSF (http://stackoverflow.com/questions/10310676/best-way-for-jsf-to-defer-parsing-of-javascript) but didn't get it to work at all. – drodil Dec 11 '13 at 09:07