Book description
Despite working on the web every day, few developers have a good word to say about the monster they've created. Achingly slow sites with annoying overlays, cookie agreements, instant notifications, and obtrusive ads litter the web landscape.
While there may be some excuses for complex web applications, there's little justification for sluggish content-based and ecommerce sites. People are notoriously impatient, and an unresponsive site receives fewer visitors and conversions.
This practical, short book provides advice, tips, and best practice for improving website performance, ranging from quick, five-minute configuration changes to major website overhauls. We primarily concentrate on front-end activities and server configurations to optimize the code delivered to a browser. Some back-end tips are provided, but this is often specific to your application, framework, database, and usage patterns. Server-side performance can often be improved with additional or more powerful computing resources.
Ideally, everyone involved in a project would consider performance from the start. Somewhat understandably, that rarely occurs, because no one can appreciate the speed of a website or application before it's been created. Many of the tips contained in this book can therefore be applied after your project has been delivered.
Publisher resources
Table of contents
- Jump Start Web Performance
- Notice of Rights
- Notice of Liability
- Trademark Notice
- About SitePoint
- About SiteGround
- About Craig Buckler
- Preface
-
Chapter 1: Web Performance Matters
- The Cost of Poor Performance
-
The Reason for the Woeful Web
- Excuse #1: “We Don’t Have a Performance Problem!”
- Excuse #2: “Our Users Never Complain?”
- Excuse #3: “Our Users Have High-end Devices”
- Excuse #4: “Our Customers Use Modern Browsers”
- Excuse #5: “We’ll Address Performance Later”
- Excuse #6: “Some Systems Require More Bandwidth and Processing”
- Excuse #7: “Expanding Page Weight is the Price of Progress”
- Excuse #8: “Slimming Pages Means Dumbing Down, with Fewer Features and Effects”
- Excuse #9: “Improving Performance Increases Complications and Maintenance”
- Excuse #10: “Our Client is Happy!”
- Where do I Start?
- Chapter 2: Testing Tools
-
Chapter 3: Quick Snacks
- Consider Your Hosting Plan
- Use a Content Delivery Network
- Use Image and Video CDNs
- Activate Server Compression
- Activate HTTP/2
- Leverage Browser Caching
- Enable CMS Page Caching
- Check Your Primary Images
- Concatenate and Minify CSS
- Concatenate and Minify JavaScript
- Minify HTML
- Load JavaScript at the End of the Page
- Preload Assets
- Remove Unused Assets
- Assess Analytics Performance
- Something More Substantial?
-
Chapter 4: Simple Recipes
- Optimize Your Database
- Remove or Optimize Social Media Buttons
- Be Wary of Third-party Scripts
- Use Responsive Images
- Define Responsive Image Aspect Ratios
- Implement Art Direction
- Lazy Load Images and Iframes
- Play Audio and Video on Demand
- Replace Images with CSS3 Effects
- Use SVGs Effectively
- Consider Image Sprites
- Consider OS Fonts
- Embed Web Fonts with <link>
- Limit Font Styles and Text
- Use a Good Font-loading Strategy
- Consider Variable Fonts
- Use Modern CSS3 Layouts
- Remove Unused CSS
- Be Wary of Expensive CSS Properties
- Embrace CSS3 Animations
- Avoid Animating Expensive Properties
- Indicate Which Elements Will Animate
- Use CSS Containment
- Check the Save-Data Header
- Adopt Progressive Web App Technologies
- Power Down Inactive Tabs
- Consider Inlining Critical CSS
- Provide Accelerated Mobile Pages (AMP)
- Feeling Full Yet?
-
Chapter 5: Life-Changing Diets
- Evaluate CMS Templates and Plugins
- Reduce Client-side Code
- Optimize JavaScript Code
- Modify the DOM Effectively
- Consider Progressive Rendering
- Use Server-side Rendering
- Do You Need a JavaScript or CSS Framework?
- Use a Static Site Generator
- Use a Build System
- Use Progressive Enhancement
- Adopt a Performance Budget
- Create a Style Guide
- Simplify and Streamline
- Learn to Love the Web
- Chapter 6: Check, Please!
Product information
- Title: Jump Start Web Performance
- Author(s):
- Release date: February 2020
- Publisher(s): SitePoint
- ISBN: 9781925836332
You might also like
book
ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化
現代のアプリケーションエンジニアは、UIやデータ処理、開発言語、プラットフォームの仕様や癖だけでなく、サーバやネットワークについても、上から下まで、表から裏まで広く知ることを求められます。本書は「ブラウザ」に関連し、インターネットで使用されるさまざまなネットワーク技術をまとめたものです。HTTP/2.0やWebRTCなどの最新技術、WebSocketやXMLHttpRequestなどのブラウザAPI、そしてそれらの土台となるTCPやUDPやトランスポート層についてまでを幅広くカバーします。また改善前後の性能・速さを可能な限り具体化し、それぞれの場面においてのパフォーマンス改善幅を示します。
article
Use GitHub Copilot: Additional Tips
Using GitHub Copilot can feel like magic. The tool automatically fills out entire blocks of code--but …
article
Run Llama-2 Models Locally with llama.cpp
Llama is Meta’s answer to the growing demand for LLMs. Unlike its well-known technological relative, ChatGPT, …
book
Back-end Performance
Performance simply matters. Technology may allow us to "go bigger", but maybe not necessarily be better …