2015
Pluralsight
David Berry
3:15
English

Google PageSpeed Insights is a Chrome extension that analyzes web pages for good performance practices. Using this tool, you can quickly tell how efficient a web page is and what issues need to be addressed in order to improve performance. This course covers how to install and configure PageSpeed Insights, and then analyzes a sample website using the tool. It walks through each of the important recommendations given by PageSpeed Insights and shows how to fix them on the sample web site. By the end of this course, you will have a firm grasp of the most important web performance issues and how to address them

Getting Started
Course Overview
Why Web Performance Matters
What Is Google PageSpeed Insights?
Installing the PageSpeed Insights Chrome Extension
Configuring the PageSpeed Insights Chrome Extension
Analyzing Pages with PageSpeed Insights
The Chrome Developer Tools Network Panel
Module Summary
Initial Website Analysis and Performance Principles
Introduction
Initial Analysis
Plan to Address Recommendations
Important Performance Principles
Summary
Enabling HTTP Compression
Introduction to HTTP Compression
Turning on Compression in IIS
Page Analysis After Enabling Compression
Leveraging Browser Caching
Caching Introduction and Initial Analysis
How Caching Works
Implementing Caching
Page Analysis After Implementing Caching
Caching Wrap Up
Image Optimization
Introduction to Image Recommendations
Understanding Scaled Images
Creating a Scaled Image
Analysis After Images Are Properly Sized
Optimize Images Recommendation
Understanding Lossless Image Compression
Tools for Lossless Image Compression
Analysis After Applying Lossless Image Compression
Image Optimization Wrap Up
Using CSS Sprites
Why Use CSS Sprites?
Outline of Creating a CSS Sprite
Creating the Sprite Image
CSS and HTML Changes for Using a Sprite
Inspecting the Code in Visual Studio
Analysis After Implementing a CSS Sprite
CSS Sprites Wrap Up
Correctly Ordering Styles and Scripts
Introduction
Optimize Order of Styles and Scripts Recommendation
Put CSS in the Document Head Recommendation
Defer Parsing of JavaScript Recommendation
Reviewing the Updated HTML
PageSpeed Analysis After HTML Updates
Minimizing Risk When Implementing Changes
Module Summary
Minification and Bundling of CSS and JavaScript
Introduction
What Is Minification?
What Is Bundling?
Approaches to Bundling and Minification
Bundling and Minification in ASP.NET 4.5
Examining Bundling and Minification Changes in the Browser
PageSpeed Analysis After Bundling and Minification
Creating Bundles in ASP.NET 5
Using Bundled Content on Pages in ASP.NET 5
Thoughts on How to Organize Bundles
Summary
Additional Recommendations
Introduction
Remaining PageSpeed Insights Recommendations
Additional Performance Practices
Network Throttling
WebPageTest Introduction
Considerations for Planning Page Optimization Efforts
Course Summary

Download File Size:440.41 MB

---