Top 20+ bài viết hay về Web Performance

Web performance là chủ đề nóng trong những năm gần đây, và cộng đồng #webperf ngày càng lớn mạnh với sự đóng góp bởi những cá nhân tài năng. Trong bài blog này, tập hợp không chỉ những bài viết những cá nhân có ảnh hưởng trong cộng đồng mà còn có video và slides hay về chủ đề #webperf.

Đây chỉ là một phần nhỏ trong rất nhiều nội dung đặc sắc về web performance, nếu bạn thấy những bài viết nào mà còn thiếu xin hãy nêu ở mục bình luận bên dưới để chúng tôi có thể cập nhật thêm.

Trong bài viết, tôi giữ nguyên các thuật ngữ chuyên môn như web performance, performance, #webperf và các thuật ngữ khác do việc dịch sang tiếng Việt có thể làm sai lệch và không bao hàm đủ và đúng ý nghĩa của nó.

Web performance optimization là lĩnh vực kiến thức về phương pháp tăng tốc trang web (tốc độ tải xuống và hiển thị trên trình duyệt)...

theo Wikipedia

Tổng quát

15 Web Performance Nightmares and the Damage they Caused

15 ác mộng webperf và thiệt hại của chúng. Intechnica nhìn lại những thất bại webperf tai tiếng và phân tích những tác động tiêu cực đến thương hiệu. Đọc thêm

Creating a Performance Culture

Xây dựng văn hóa performance. Cộng đồng về web performance đang ngày càng lớn mạnh. Nhưng nếu công ty bạn vừa chân ướt, chân ráo gia nhập vào thế giới #webperf, làm cách nào để có thể đặt performance là ưu tiên của tổ chức? Đọc thêm

Tying Web Performance Data to Human Behavior

Mối liên hệ giữa dữ liệu về performance với hành vi của người dùng. Buddy Brewer giải thích vì sao bạn cần nghiên cứu về hành vi con người khi thực hiện tối ưu #webperf. Xem Slide

Velocity 2013 Speaker Slides & Videos

Video và slide của các bài báo cáo tại hội nghị Velocity 2013. Đọc thêm

Reflections on Performance at Google I/O

Những suy nghĩ về Performance tại hội nghị Google I/O. Chiêm nghiệm sau khi tham dự Google I/O, Paul Lewis nói về JavaScript, Chrome và những hoạt động liên quan đến #webperf. Đọc thêm

Case Studies & Báo cáo

Performance Tuning at Airbnb

Ứng dụng các tinh chỉnh performance , Airbnb đã giảm 25% thời gian tải trang và đã nhìn thấy được lộ trình để tiến tới một website luôn nhanh hơn. Đọc thêm

New Findings: Typical Leading eCommerce Sites Takes 4.9 Seconds to Serve Usable Content

Phát hiện mới: Các web TMĐT hàng đầu mất khoảng 4.9 giây để phục vụ nội dung cho khách hàng. Mặc cho các giả định phổ biến, báo cáo của Radware cho thấy các trang web TMĐT hàng đầu đang tiếp tục chậm lại. Đọc thêm

Lời khuyên & Mẹo vặt

Faster Websites: Crash Course on Web Performance

Web Nhanh Hơn: Cơ bản về #webperf. Tại Devoxx 2012, Ilya Grigorik tổ chức một hội thảo chuyên đề #webperf. Xem video

Ten Web Performance Tuning Tricks in 60 Minutes

10 Mẹo tối ưu #webperf trong vòng 60 phút. Richard Campbell hướng dẫn 10 kỹ thuật để tối ưu #webperf. Xem video

What Every Web Developer Needs to Know About URL Encoding

Những điều người phát triển web cần biết về mã hóa URL. Stéphane Épardaud phân tích các quan niệm sai lầm về mã hóa URL và các cách xử lý chúng. Đọc thêm

Element Queries

Tab Atkins Jr. nói về lợi ích và các hạn chế khi sử dụng element queries. Đọc thêm

Di Động

iOS Browsers Speed Bakeoff

Guy Podjarny công bố kết quả so sánh giữa iOS Native Mobile Safari và Chrome iOS. Đọc thêm

Mobile Performance from Radio Up

Ilya Grigorik giải thích vì sao cần phải quan tâm đến sóng di động khi phát triển các ứng dụng ứng dụng di động responsive (responsive mobile web apps). Xem video

Performance Checklist for the Mobile Web

Colt McAnlis cung cấp một danh sách kiểm tra khi phát triển ứng dụng HTML5 để dễ dàng chuyển đôi giữa desktop và di động. Xem video

Các Dịch vụ khác

CDNs Fail, but Your Scripts Don’t Have to – Fallback from CDN to Local jQuery

CDN lỗi, đừng để script của bạn cũng vậy. Chuyển từ CDN -> Local jQuery. Scott Hanselman hướng dẫn cách sử dụng jQuery fallback khi CDN gặp sự cố. Đọc thêm

Speed Geek’s Guide to Facebook Buttons

Facebook không chỉ có nút Like. Đọc thêm

Thiết kế & Hình ảnh

Performance as Design

Hãy xem performance là một tiêu chí thiết kế chứ không đơn thuần là những thực hành về kỹ thuật. Đọc thêm

Tips for Smooth Scrolling Web Pages

Mẹo để trang web cuộn mượt hơn. Một vài điểm cần tinh chỉnh (cũng như điểm cần loại bỏ) để giúp trang web scroll (cuộn) thật mượt trên desktop và mobile. Đọc thêm

Progressive JPEGs FTW!

Progressive JPEG là một trong những cách cải thiện trải nghiệm người dùng rất đơn giản và hiệu quả. Nhưng dưới 7% các trang web sử dụng phương pháp này. Đọc thêm

Frontend Performance for Web Designers and Frontend Developers

Bài viết của Harry Roberts là dẫn nhập cơ bản cho ai muốn tìm hiểu về #webperf và cải thiện tốc độ tải ở frontend. Đọc thêm

How Much CSS Should You Have?

Không một hướng dẫn cụ thể nào về kích cỡ của file CSS, và làm thế nào để biết được tác động của kích thước file CSS lên web performance? Đọc thêm

Improving UX Through Frontend Performance

Lara Swanson từ Etsy khẳng định giờ đã là lúc xem tối ưu performance là thành phần cơ bản trong thiết kế. Đọc thêm

Nguồn: http://blog.newrelic.com/2013/07/24/top-22-web-performanc-posts-of-2013-so-far/