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: | 112 |
| 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
Others related eBooks about Web Page Size, Speed, and Performance
Building Front-End Web Apps with Plain JavaScriptThis book shows how to build front-end web applications with plain JavaScript, not using any (third-party) framework or library. A front-end web application can be provided by any web server, but it is executed on the user's computer device (smartphone, tablet or notebook), and not on the remote w...
Deep Learning with JavaScript: Neural Networks in TensorFlow.jsDeep learning has transformed the fields of computer vision, image processing, and natural language applications. Thanks to TensorFlow.js, now JavaScript developers can build deep learning apps without relying on Python or R....
Responsive Web Design TutorialDownload free Responsive Web Design With fluid grids for desktop, tablet, and mobile, with example and exercises, course material, tutorial training, a PDF file under 30 pages by Tim Davison....
JQuery tutorial for professionalsDownload free JQuery tutorial course in PDF, training file in 18 chapters and 67 pages. Free unaffiliated ebook created from Stack OverFlow contributor....
Cascading style sheets (CSS) free pdf tutorialDownload free Cascading style sheets (CSS) course material and training (PDF file 34 pages) designated to beginners....
HTML5 Shoot 'em Up in an AfternoonLearn how to make a simple top-down shoot 'em up in a few hours using the Phaser HTML5 game framework....
Angular 2 ebook for professionalsDownload free Angular 2 tutorial course in PDF, training file in 69 chapters and 232 pages. Free unaffiliated ebook created from Stack OverFlow contributor....
Introduction to ASPWith this tutorial you will learn how to create dynamic web pages with ASP ,a brief introduction in PDF under 8 pages designated to beginners....
Reintroducing ReactIn this book, unlike any you may have come across before, I will deliver funny, unfeigned ..., download free React tutorial in PDF (257 pages) created by Ohans Emmanuel ....
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 ....