Chung cư Linh Đàm - Thông tin giao dịch, mua bán các căn hộ tại Linh Đàm: HH1-HH2-HH3-HH4-VP6!

Nguyên tắc tối ưu hóa website của Yahoo

Nguyên tắc tối ưu hóa website của Yahoo
Nguyên tắc tối ưu hóa website của Yahoo

 Bạn đã đọc nhiều bài viết hướng dẫn tối ưu website để tăng tốc độ truy cập. Nhưng hôm nay, mình sẽ giới thiệu đến bạn một số nguyên tắc tối ưu hóa website do chính Yahoo đưa ra. Bạn đã sẵn sàng chưa? Nào, chúng ta cùng tìm hiểu.

 

 

1. Minimize HTTP Requests

Giảm tối đa yêu cầu đến server là nguyên tắc đầu tiên mà Yahoo đưa ra. Một trang web chứa bao nhiêu đối tượng (CSS, HTML, hình ảnh…) thì khi người dùng truy cập bấy nhiêu yêu cầu (request) được gửi đến server. Chúng ta đã biết, càng nhiều yêu cầu thì càng lâu đáp ứng, hãy thử những cách sau để giảm yêu cầu đến server.

Nếu có thể, gộp những hình ảnh nền (background-image) để giảm số lần yêu cầu xuống.

Sử dụng background-image trong CSS tối đa có thể để hiển thị hình ảnh

Việc này rất có lợi cho lần đầu viếng thăm 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

Thời gian đáp ứng hay hiểu một cách khác là tốc độ truy cập của website phụ thuộc vào khoảng cách địa lí của người xem với server. Trong trường hợp nhất định bạn nên chọn một server gần với đối tượng bạn đọc nhất. Đó là lựa chọn đúng đắn đối với những cá nhân hoặc công ty nhỏ.

Nhưng với những 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 các server được bố trí rộng rãi. Mỗi đối tượng độc giả sẽ được phục vụ bởi một server nhất định sao cho đảm bảo thời gian đáp ứng là cao nhất. Nhiều công ty lớn đều có CDN riêng, nhưng nếu bạn đặt hiệu quả chi phí lên cao thì có thể lựa chọn những nhà cung cấp sau: Akamai Technologies, Mirror Image Internet, orLimelight Networks.

 

3. Add an Expires Header

Trình duyệt nào cũng có bộ nhớ đệm cho mình. Điều này giúp hạn chế yêu cầu đến Server như ở điều 1 đã nói. Cơ chế hoạt động cơ bản là những gì không thay đổi thì trình duyệt sẽ không yêu cầu server để lấy phiên bản mới nữa. Hãy dùng “Expires header” trong HTTP Respond để báo với trình đuyệt về thời gian tối đa mà trình duyệt có thể cache thông tin đó.

Với những đối tượng cố đinh như javascripts, hình ảnh, bạn có thể để thời gian cache lâu hơn một chút. Bạn đừng lo 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.

Ví dụ: Yahoo_2_1_3.js

 

4. Gzip Components

Đa số trình duyệt đều hỗ trợ Gzip với HTTP Respond. Vì thế, sử dụng Gzip để nén dữ liệu trả lại người dùng là rất khả thi và hiệu quả. Gzip giúp tăng tốc độ truy cập website và giảm tối thiểu băng thông của cả người dùng lẫn server.

 

5. Put CSS at the Top

Trong quá trình theo dõi, nghiên cứu tối ưu hóa Yahoo!, những nhà phát triển đã phát hiện ra rằng đặt CSS ở trên cùng sẽ giúp website hiển thị nhanh và tốt hơn đặc biệt trong trường hợp website của bạn lớn và có nhiều đối tượng được đặt ở trên đó.

Trường hợp nếu bạn đặt ở giữa hoặc ở cuối thì trình duyệt sẽ sử dụng giao diện mặc định sau đó đổi chúng lại khi tải xong CSS của bạn. Như vậy việc xử lí sẽ gia tăng và dĩ nhiên là tốc độ sẽ giảm xuống rất nhiều. Bên cạnh đó, người dùng sẽ cảm thấy khó chịu vì họ sẽ phải nhìn một trang web chưa có định dạng gì khi truy cập. Đặc biệt một số phiên bản trình duyệt còn cấm việc đặt CSS ở dưới cùng.

 

6. Move Scripts to the Bottom

Thông thường Scripts chỉ nên đặt trên dùng nếu ảnh hưởng của nó bao quát toàn trang mà thôi. Còn nếu không Yahookhuyên bạn nên để dưới cùng của trang đối với những mục đích không quan trọng lắm (thống kê, hiệu ứng…).

Trường hợp bạn dùng Scripts cho một đối tượng thì bạn nên đặt Scripts lên trên đối tượng đó (nếu có thể) thay vì bạn để nó vào thẻ như nhiều trang đã hướng dẫn.

 

7. Make JavaScript and CSS External

Có khi mình tự đặt câu hỏi là việc chèn Javascripts và CSS thẳng hay để liên kết bên ngoài tốt hơn? Câu trả lời củaYahoo ở đây là nên để liên kết bên ngoài. Vì một lí do đơn giản những file đó 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 lần nữa giảm được băng thông cho cả họ và server. Đồng thời tăng tốc duyệt trang web.

 

Nguồn Tổng hợp

 

 

Nguyên tắc tối ưu hóa website của Yahoo By Updated:

Khu đô thị Linh Đàm, Một khu đô thị kiểu mẫu với đầy đủ các tiện ích hạ tầng được xây dựng đồng bộ, cùng hệ thống hồ điều hòa và công viên xanh bao khắp, khiến cho không gian nơi đây trở nên thật thơ mộng! Nơi đây luôn được coi là một trong những nơi an cư lý tưởng nhất, là mơ ước của các cư dân đang sống và làm việc tại thủ đô!

Nay chỉ từ 550 triệu đồng quý khách hàng có cơ hội biến mơ ước của mình thành hiện thực, sở hữu ngay căn hộ vị trí đẹp, trung tâm thủ đô, giao thông thuận tiện, điều chưa từng có trước đây, hãy đến với chúng tôi, đến với Sàn Đất Việt để được tư vấn và lựa chọn những căn hộ chung cư đẹp nhất với mức giá rẻ nhất và dịch vụ tư vấn chuyên nghiệp nhất

Các dự án chung cư giá rẻ tại Linh Đàm được chúng tôi phân phối trực tiếp gồm:

ĐƯỜNG ĐẾN SÀN ĐẤT VIỆT
vinhomes gardenia
HOTLINE
Thanh Hải
0979 644 458
Cao Nguyên
0902 296 079
Lan Hương
0976 644 829
Lê Cường
01629 202 129
Lan Anh
0968 389 939
Đăng Vũ
0981 969 960
Lê Quang
01669 125 007
Đăng Quang
0914 123 383
CỘNG ĐỒNG FACEBOOK CHUNG CƯ LINH ĐÀM
THỐNG KÊ WEBSITE
thành viên Tổng số thành viên:
11828
khách online
122
truy cập Tổng truy cập:
43512870
ChungCuLinhDam.vn ra đời nhằm mục đích giúp đỡ quý khách hàng có nhu cầu mua nhà ở tại Hà Nội, đặc biệt là các căn hộ Chung cư tại một trong những khu vực trung tâm nhất của thủ đô - Khu đô thị Linh Đàm, có thể tìm hiểu thông tin về các giao dịch mua bán, thông tin liên quan đến các dự án nổi bật nhất tại đây như: Chung cư Vp6 Linh Đàm, Chung cư Vp5 Linh Đàm, Chung cư HH4 Linh Đàm, Chung cư HH3 Linh Đàm, Chung cư HH1 Linh Đàm Chung cư HH2 Linh Đàm ... một cách nhanh chóng và dễ dàng nhất!
Tắt Quảng Cáo [X]