Service Workers & Manifests

Service Worker A script that runs in the background that features to be cached without requiring a user interaction. They […]

Read More

JS: JavaScript Optimization with Gulp

Gulp Modules Build a Gulp pipeline resource that will minify the resources in our app to their smallest footprint possible. […]

Read More

JS: Smarter JavaScript

Fact is, JavaScript loaded in the browser is FAST! It’s the sending of code that needs to be optimized. The […]

Read More

IMG: Automatic Image Optimization with Gulp

You can optimize images using one of the following Gulp modules: gulp-tinypng gulp-image gulp-imagemin   TinyPNG’s Open API Use TinyPNG’s […]

Read More

IMG: Manual Image Optimization

Images are the number one perceived performance fail of any web app. A slowly loaded image can really impact your […]

Read More

IMG: Responsive Images

Images in CSS with background Use @media queries. Using a mobile-first perspective, your CSS media queries should be: min-width. .image-background […]

Read More

CSS Optimization

The goals when writing performance CSS is to accomplish your desired styling with as less code as possible. Use CSS […]

Read More

Assets Optimization Overview

Images Images are almost always the biggest use of bandwidth. Use sprite maps to combine images into one large image. […]

Read More

Testing Tools

Page Speed Google Page Speed is a family of tools that can help you optimize the performance of a website. […]

Read More

Load Time

Load Time is the total time it takes for a web app or site to load. The goal of a […]

Read More

HTTP Requests

Front End Performance Optimization is the modification of HTML, CSS, and JavaScript (and sometimes, server configuration) for the purpose of […]

Read More