Here are a couple of awesome open-source JS projects which will help boost your app’s performance on mobile devices. This is legacy browser polyfill library which allows developers to dynamically load in polyfills for commonly used HTML5 features including forms, geolocation and even Canvas. Load this in after your stylesheets have loaded and your long-suffering IE users will thank you. IE8 and below do not support CSS media queries. IE9 and below have limited CSS3 support, and therefore many (if not all) of the useful modern CSS selectors are not available without a polyfill. Need to support legacy browsers? Here are some handy open-source polyfills to solve some common older browser issues.
– By setting sensible cache time limits on static assets, you can drastically improve the time load a page.Įnable gzip compression of assets – if your server and clients supports gzip compression, enabling it could cut down your transferred response by up to 90%.
– Workflow plugin: grunt-contrib-imagemin/gulp-imagemin – CSS compression: grunt-contrib-cssmin/gulp-cssmin – JavaScript compression/minification: grunt-contrib-uglify/gulp-uglify – File concatenation: grunt-contrib-concat/gulp-concat Enjoy! 1. Basic web optimizationsĬoncatenation and compression of CSS and JS So here are some workflow optimizations and JavaScript quick-fixes to quickly deal to some common client-side website/webapp performance problems. In Part One, we had a look at how Pulse Real User Monitoring can help you identify performance issues. Deep dive on solving website performance Part 2 By Sam Holt | Posted | 3 min.