To fix this problem we moved every statical

The picture at xpx on our website thats exactly the size the picture should have been on our server. You should never have larger images than what you want them to render at nor reduce their size using CSS or HTML tags. We downloaded each of our images then manually compressed and resized them. After optimizing these images its best to make a habit of optimizing all the new images you upload to your server. Each new image should be compressed and resized. Google also offers the option to download your already optimized images and you can just upload them to your server. You can do the same with JavaScript and CSS.


Step Minify CSS JavaScript zEeAoMe.png Google was now telling us that we Europe Cell Phone Number List had to minify our JavaScript and CSS files. The minifying process reduces the sizes of your files by eliminating unnecessary white spaces characters and comments from your CSS and JavaScript files. Programmers will often leave many spaces and comments while coding. These can even double the size of your CSS and JavaScript files. HMEbiO.png To fix this problem we installed Gulpjs on our server. The tool automatically creates a new CSS file and removes all spaces. It also creates a new CSS file automatically for all the new changes you are making. In our case it helped us decrease the size of our main CSS file from approximately kb to kb.




The difference was all in unnecessary characters. For more instructions on how to remove white spaces check Googles guide. If you are using Wordpress I recommend you to install the plugin Autoptimize. You can also download the optimized files from the PageSpeed Tool. Heres an example Below is the result we got after minifying CSS and JavaScript. VBCdT.png Step Leverage browser caching ZWXfOV.png For many website operators leveraging browser caching is the most challenging part. file from our website to a CDN content delivery network. A CDN is a network of servers.