Web Page Optimization with Java

Asked

Viewed 89 times

0

What should I look for to optimize performance on the front end, to minimize css, js etc. keep the head and change only the body? Using Java and Spring MVC, or with Play and Sparks for example.

  • 1

    This question has a closing vote because it is too broad. Each of these things that you cite is a specific problem and you haven’t given much detail about what purpose you want to do it for. However, despite this, it does not seem to me to be that wide, since you are more asking for a list of generic concepts, such as are in the answer. And so I voted to keep it open.

1 answer

3


When it comes to front-end performance, there are many ways to optimize. With http/1.1 the main ones are:

  • minification and/or concatenation of javascript and css files
  • Image compression to reduce bandwidth usage
  • Image sprite
  • Put the Avascripts at the end of the body, because they are blocking resources
  • HTML compression
  • Cache of static files
  • etc....

To make the minification of JS and CSS files, the GRUNT, The same is a task calculator. There are many examples on the internet about its use. However, if you are more familiar with java, you can use the WRO. which is a tool for optimizing web resources.

With http/2 some of these practices are not necessary, the protocol contains features that provide good performance. It is worth searching on the subject, a good http server that implements this protocol is the NGINX.

E.g. website with http/2:http://www.http2demo.io/

Finally, a good reference for good site optimization practices is the Google Insights Rules. It contains each of the items I mentioned, and better explained.kkk

  • Oh yes, thanks for the reference. I was looking for a tool in Java to help with this, I’ll see more about http 2 tbm, I’ve heard about. Know something like, keep the head and carry the body?

  • When you talk about keeping the head is about the <head> tag? What I know are only cache techniques for the resources you usually put in the head tag. Currently I am using a lot of SPA, Csss and Jss are loaded only once, then have ajax calls and change only the parts I want of HTML.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.