Bạn đã từng đọc rất nhiều bài viết về cách hướng dẫn tối ưu hóa website để tăng tốc truy cập. Nhưng hôm nay, chúng tôi sẽ giới thiệu cho bạn một số nguyên tắc tối ưu hóa trang web khi thiết kế web chuẩn SEO do chính Yahoo phát hành.
- Liên hệ công ty thiết kế web tại Biên Hòa Đồng Nai
1. Minimize HTTP Requests (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Giảm thiểu yêu cầu đến máy chủ (server) là quy tắc đầu tiên mà Yahoo đưa ra. Một website chứa bao nhiêu đối tượng (CSS, HTML, hình ảnh …), khi người dùng truy cập bấy nhiêu yêu cầu (request) được gửi đến server. Như chúng ta đều biết, nếu càng có nhiều yêu cầu thì sự đáp ứng càng lâu, hãy thử các cách sau để giảm yêu cầu đến máy chủ.
- Nếu có thể, gộp những hình ảnh nền (background-image) để giảm bớt số lần yêu cầu
- Sử dụng background-image trong CSS tối đa có thể để hiển thị hình ảnh.
Điều này rất có lợi cho lần truy cập đầu tiên của người dùng bằng cách để lại ấn tượng tốt về tốc độ truy cập.
2. Use a Content Delivery Network (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Thời gian đáp ứng hoặc bạn có hiểu là tốc độ truy cập của trang web phụ thuộc vào khoảng cách địa lý của người truy cập đến với máy chủ. Trong một số trường hợp nhất định, bạn nên chọn một máy chủ gần nhất với đối tượng bạn đọc. Đó là sự lựa chọn đúng đắn cho các cá nhân hoặc công ty nhỏ.
Nhưng với mục đích lớn lao hơn, đây là lượng độc giả lớn và phủ khắp. Bạn nên sử dụng Content Delivery Network (CDN). CDN là một mạng lưới rộng lớn các máy chủ được bố trí rộng rãi. Mỗi đối tượng sẽ được phục vụ bởi một máy chủ nhất định để đảm bảo thời gian phản hồi cao nhất. Nhiều công ty lớn có CDN riêng, nhưng nếu bạn đặt hiệu quả chi phí lên cao, bạn có thể chọn các nhà cung cấp sau: Akamai Technologies, Mirror Image Internet, or Limelight Networks.
3. Add an Expires Header (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Mỗi trình duyệt có bộ nhớ đệm cho riêng mình. Điều này giúp hạn chế các yêu cầu đến máy chủ như đã nêu trong điều 1. Cơ chế hoạt động cơ bản là những gì không thay đổi, trình duyệt sẽ không yêu cầu máy chủ nhận phiên bản mới nữa. Sử dụng “Expires header” trong HTTP Respond để cho trình duyệt biết về thời gian tối đa mà trình duyệt có thể cache thông tin đó.
Đối với các đối tượng cố định như javascripts, hình ảnh, bạn có thể để thời gian cache lâu hơn một chút. Đừng lo lắng về vấn đề update cache khi thay đổi bằng cách thay đổi tên đối tượng. Trình duyệt sẽ tự động cập nhật.
4. Gzip Components (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Hầu hết các trình duyệt đều hỗ trợ Gzip với HTTP Respond. Do đó, sử dụng Gzip để nén dữ liệu trả về cho người dùng là rất khả thi và hiệu quả. Gzip giúp tăng tốc truy cập trang web và giảm thiểu băng thông của cả người dùng và máy chủ.
5. Put CSS at the Top (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Trong quá trình theo dõi và nghiên cứu tối ưu hóa Yahoo!, Các nhà phát triển đã phát hiện ra rằng việc đặt CSS lên hàng đầu sẽ giúp trang web hiển thị nhanh hơn và tốt hơn, đặc biệt trong trường hợp trang web của bạn lớn và có nhiều đối tượng được đặt ở trên đó.
Trong trường hợp nếu bạn đặt nó ở giữa hoặc ở cuối, thì trình duyệt sẽ sử dụng giao diện mặc định và sau đó thay đổi chúng khi bạn tải xong CSS của mình. Vì vậy, việc xử lý sẽ gia tăng và tất nhiên tốc độ sẽ giảm đi rất nhiều. Bên cạnh đó, người dùng sẽ cảm thấy không thoải mái vì họ sẽ phải xem một trang web không có định dạng gì khi truy cập. Đặc biệt là một số phiên bản trình duyệt cấm đặt CSS ở phía dưới.
6. Move Scripts to the Bottom (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Thông thường Scripts chỉ nên được sử dụng nếu ảnh hưởng của nó bao trùm lên toàn bộ trang. Mặt khác, Yahoo khuyên bạn nên để dưới cùng của trang cho các mục đích không quan trọng (thống kê, hiệu ứng …).
Nếu bạn sử dụng Scripts cho một đối tượng, thì bạn nên đặt Scripts vào đối tượng đó (nếu có thể) thay vì đặt nó vào thẻ như nhiều trang đã hướng dẫn.
7. Make javascript and CSS External (Những nguyên tắc giúp tối ưu hóa website của Yahoo)
Đôi khi tôi tự hỏi liệu có nên chèn javascripts và CSS thẳng hay để liên kết bên ngoài tốt hơn? Yahoo trả lời câu hỏi này rằng nên để liên kết bên ngoài. Vì một lý do đơn giản, những tập tin đó sẽ được cache lại ở phía trình duyệt. Về phía người dùng, họ sẽ không phải tải lại chúng và giảm băng thông cho cả họ và máy chủ. Đồng thời tăng tốc độ duyệt web.
