Web Page Size, Speed, and Performance
Bigger screen real estate, high-density displays, ads, and automatically playing video add to the bloat, but tools and techniques that enable web developers to build complex sites quickly and easily are also part of the problem. Dorsey shows you how to measure site speed, assess page components, and optimize code to help reduce abandonment rates and make your site successful.
Measure your site's request latency and load time on various devices; Learn how long it takes before a user is able to interact with a page; Focus optimization on the your site's most revenue-related aspects; Reduce the number of components it takes to render your page; Slim down your HTML, and combine and minify your CSS files; Determine whether (and which) scripts are blocking page rendering or interaction; Optimize images for size and quality - and learn to use them judiciously; Focus on the mobile experience first, then bring optimizations to the desktop.
Table of contents
- Introduction
- Big Web Pages are a Bigger Problem Than You Think
- What Makes Web Pages Fat?
- The Solution Starts with Understanding the Problem
- Cut and Paste Development
- Simplify, Then Add Lightness
- Site Optimization From the Top Down
- Is an Image Worth 1,000 Bytes?
- Mobile Doesn't Mean Speedy
- Next Steps
| Pages : | 39 |
| Size : | 2.8 MB |
| File type : | |
| Downloads: | 95 |
| Created: | 2022-02-03 |
| License: | CC BY |
| Author(s): | Terrence Dorsey |
Warning: Trying to access array offset on false in /home/tutovnfz/public_html/article.php on line 233
Others web Tutorials
Practical Semantic Web and Linked Data Applications
Others related eBooks about Web Page Size, Speed, and Performance
Django Web Framework and PythonDownload free PDF tutorial about Django framework with Python, document under 40 page by Zhaojie Zhang....
The Complete Beginner’s Guide to ReactThis tutorial assumes that you have at least a beginner’s grasp of HTML and JavaScript. React.js is a JavaScript library that was created by Facebook. If you are keen to learn React from the ground-up feel free to check Learn and Understand React JS on Zenva Academy which covers all the basi...
Tutorial AngularJS in PDFThis course provides an overview of AngularJS framework, a good PDF tutorial on 26 pages intended to intermediate level-users....
PHP Tutorial From beginner to masterIn this PHP tutorial you will learn everything about PHP, and how to execute scripts on your server, free pdf course under 28 pages....
Learning jQueryDownload free course Learning jQuery, pdf file on 88 pages by Stack Overflow Community....
Getting started with LaravelDownload free Laravel tutorial course in PDF, training file in 65 chapters and 216 pages. Free unaffiliated ebook created from Stack OverFlow contributor....
PHP Notes for ProfessionalsDownload free course PHP Notes for Professionals, pdf file on 480 pages by Stack Overflow Community....
CSS Animation 101This book is for people who build for the web and want to add animation to their designs a..., download free CSS tutorial in PDF (90 pages) created by Donovan Hutchinson ....
PHP: The Right WayDownload free course PHP: The Right Way, pdf file on 76 pages by Phil Sturgeon, Josh Lockhart....
An Introduction to ReactJSReact is a JavaScript framework. Using the framework is as simple as including a JavaScript file in our HTML and using the React exports in our application's JavaScript. With this tutorial, we're starting out at the beginning. Let's look at what React is and what makes it tick. We'll discuss why we...