I will list the main practices that help performance:
- If the server allows it, use gzip/deflate, so it sends the compressed files. Here is a tutorial article.
- Put CSS at the
<head>and JS at the end, just before closing the
- Consider using the
async(asynchronous) attribute in the JS load. Causes file loading to occur along with page rendering.
- Optimize the images. Part of an image's size is metadata, which makes no difference to a webpage. There are online tools that do this like TinyPNG and JPEG Mini .
- Use CSS Sprites. That is, merge all the images into one and use CSS to position them via the
background-positionproperties. There are also online tools for this, such as Sprite Cow .
If you search about it, you will find many articles with tips to improve performance. I'll leave the link to a page I like: it's called How to lose weight in the browser . It has a summary of the main practices, made by developers of large web pages.