Ứng dụng web đang phát triển với tốc độ chóng mặt nhằm phục vụ nhu cầu kinh doanh, công việc, giải trí, ... Một website có thể tích hợp đa ứng dụng nhằm thỏa mãn nhu cầu của người dùng. Tuy nhiên, đi đôi với nó là tốc độ tải web chậm lại, điều này là vấn đề nhức nhối cho các nhà phát triển website... (thiết kế web)
Cải thiện tốc độ web song song là nhiệm vụ bắt buộc trong quá trình gia tăng ứng dụng web (dịch vụ thiết kế web)
Để giải quyết vấn đề này, chúng tôi giới thiệu các 35 phương pháp tăng tốc độ website được gói gọn trong 7 chuyên đề sau đây:
1. Content:
1.1 Giảm các requests HTTP lên server
1.2 Giảm tra cứu DNS
1.3 Tránh Redirects
1.4 Xây dựng các Cache dữ liệu Ajax
1.5 Postload Components
1.6 Preload Components
1.7 Giám số lượng các DOM Elements
1.8 Chia tách các thành phần nhằm tối đa hóa các tải song song
1.9 Giảm số lượng iframe
1.10 Tránh lỗi 404 (404 Not Found)
2. Server:
2.1 Sử dụng mạng lưới phân phối nội dung (CDN)
2.2 Tăng thêm thời gian hết hạn hoặc cache tiêu đề trên trình duyệt.
2.3 Sử dụng tính năng nén Gzip trên web
2.4 Cấu hình các Etag
2.5 Xuất bộ nhớ đệm ra trước
2.6 Sử dụng GET cho các request AJAX
2.7 Tránh sử dụng Các thẻ hình với thuộc tính src rỗng.
3. Cookie:
3.1 Giảm thiểu các cookie
3.2 Tạo một tên miền phụ và lưu trữ tất cả các thành phần tĩnh
4. CSS:
4.1 Đặt các stylesheet tại phần đầu của website.
4.2 Tránh các biểu thức CSS
4.3 Nên sử dụng hơn là @import
4.4 Tránh các Filters
5. JavaScript:
5.1 Đặt các Script ở cuối trang.
5.2 Không đặt các Javascript và CSS trong trang web - nên load từ bên ngoài.
5.3 Giảm bớt JavaScript và CSS
5.4 Xóa các Script trùng
5.5 Giảm thiểu truy cập DOM
5.6 Xây dựng các xử lý thông minh
6. Images:
6.1 Tối ưu hóa hình ảnh
6.2 Tối ưu hóa CSS Sprites
6.3 Không cố gắng scale hình ảnh
6.4 Hãy favicon.ico nhỏ và Cacheable
7. Mobile:
7.1 Giữ Components dưới 25 KB
7.2 Đóng gói các thành phần vào một tài liệu Multipart
Các bài viết tiếp theo trong chuỗi bài viết "35 phương pháp tăng tốc độ website dành cho các lập trình viên" này sẽ giúp các bạn hiểu rõ các thức để tối ưu hóa trang web từ đó tăng tốc độ tải trang web.
Tin nổi bật Web master