Thiết kế website

  • Thu gọn
  • Mở rộng
  • Giảm cỡ chữ
  • Cỡ chữ chuẩn
  • Tăng cỡ chữ
Trang chủ thiet ke website vnt Kiến thức thiết kế web thiet ke website vnt Thông tin công nghệ
|

Thiết kế website tối ưu thời gian load trang

Cải thiện tốc độ tải trang không chỉ quan trọng đối với người dùng mà còn quan trọng với công cụ tìm kiếm. Tháng 4 năm ngoái Google đã công bố tốc độ tải trang là một trong những yếu tố xếp hạng trong thuật toán của họ.
 
 
1. Kiểm tra tốc độ website
 
Việc phân tích tốc độ tải trang sẽ theo dõi được mức độ cải thiện tốc độ tải thiet ke website mỗi khi bạn có bất kì sửa đổi nào.
Có nhiều công cụ miễn phí để kiểm tra mất bao lâu để tải thiết kế website của bạn. Dưới đây là một vài trong số đó:
Pingdom: website dùng để kiểm tra tốc độ tải trang rất dễ sử dụng, bạn chỉ cần nhập tên website và bấm nút test.
Page speed: add-on của Firefox giúp đánh giá hiệu suất trang web, ngoài ra còn cung cấp những lời khuyên làm thế nào để sửa chữa các vấn đề đó.
Web Page Test :công cụ tuyệt vời khác cho bạn thấy tốc độ và hiệu suất trang web trong những trình duyệt khác nhau.
 
2.Tối ưu hóa hình ảnh
 
Bạn phải biết sử dụng định dạng ảnh nào thích hợp cho từng vị trí trên website của mình. Thay đổi định dạng các tập tin ảnh có thể làm giảm đáng kể kích thước của ảnh.
Gif: Sử dụng tốt cho hình ảnh đơn giản ít màu sắc như logo.
JPEG: sử dụng tốt cho hình ảnh chi tiết và nhiều màu sắc.
PNG: Dùng khi bạn cần hình ảnh có chất lượng cao
 
3.Không giảm tỉ lệ hình ảnh.
 
Trong thẻ của HTML bạn có thể thiết lập thuộc tính with x hight của ảnh theo ý muốn, nhưng đừng vì thế mà lạm dụng ảnh lớn hơn so với kích thước thật mà bạn cần. Nếu bạn cần một ảnh 100 x 100 và bạn có 1 ảnh 700 X 700 hãy dùng photoshop hoặc một dịch vụ chỉnh sửa ảnh trên web để thay đổi kích thước như bạn muốn. Điều này giúp giảm đáng kể thời gian tải trang./
 
4.Nén và tối ưu hóa nội dung của bạn.
 
Nén nội dung trang web có tác động rất lớn vào việc giảm thời gian tải . Khi sử dụng phương thức nén HTTP, tất cả dữ liệu trang web của bạn được gửi đi trong một tập tin nhỏ hơn thay vì nhiều tập tin khác nhau. Xem thêm nén HTTP trên Wikipedia.
Bạn cũng nên tối ưu hóa website và nén các file Javascript và CSS trong quá trình tối ưu mã nguồn.
 
5.Đặt file stylesheet trên TOP
 
Đặt tham khảo stylesheet trong phần của tài liệu html giúp cho website tải nhanh hơn, và đúng chuẩn W3C
 
6 Đặt các script ở dưới cùng
 
Nếu bạn thêm các script vào phần đầu của tập tin html nó sẽ chặn bất cứ cái gì ở phía dưới nó vào lúc tải trang. Điều này gây cảm giác trang web tải chậm hơn.
Để tránh tình trạng này tốt nhất bạn nên đặt các scritp sau thẻ đóng
 
7. Đặt javascript và css trong file riêng biệt
 
Nếu javascript và css đặt trực tiếp trong tài liệu html, nó sẽ được tải xuống cùng lúc mỗi khi file html được yêu cầu. Điều này không tận dụng được lợi thế của bộ nhớ đệm của trình duyệt và làm tăng kích thước file html.
Hãy luôn đặt javascipt và css ở một file riêng biệt để dễ dàng duy trì và cập nhật.
 
8 Giảm thiểu các yêu cầu HTTP
 
Khi vào một trang web , hầu hết thời gian dùng để tài về các thành phần của trang web đó (hình ảnh, css, script…)
Để tăng tốc độ tải trang chúng ta cần giảm thiểu các yêu cầu mà một trang web cần phải cung cấp. Để giảm yêu cầu HTTP cho hình ảnh có thể sử dụng css sprites để kết hợp nhiều hình ảnh.
Nếu có nhiều stylesheet và thư viện javascript , xem xét việc kết hợp chúng để giảm số lượng yêu cầu HTTP.
 
9. Cache trang web của bạn
 
Nếu bạn sử dụng một hệ quản trị nội dung (CMS) bạn nên sử dụng cache. Cache là cách tạo ra một phiên bản tĩnh của trang web trên máy người dùng. Việc tạo cache giúp giảm tải căng thẳng cho sever vừa tăng tốc tải trang và tiết kiệm thời gian cho người dùng mỗi khi truy cập vào trang web của bạn. Thay vì yêu cầu tải lại toàn bộ trang web , trình duyệt chỉ cần lấy thông tin trang web từ phiên bản tĩnh đã được cache trên máy người dùng.
 
10. Giảm 301 Redirects
 
Mỗi khi sủ dụng 301 Redirects nó buộc các trình duyệt chuyển hướng tới một URL mới làm tăng thời gian tải trang. Vì vậy tránh sử dụng 301 Redirects.
 
Nguồn:internet
VNT chúc quý khách thành công: http://vnt.net.vn
[ Quay Lại ]
Mời bạn xem thêm
thiet ke website vnt Facebook ra ứng dụng giúp truy cập Internet miễn phí
thiet ke website vnt Tăng thu nhập bằng Mobile Video Ads Network
thiet ke website vnt Bí mật thành công của Opera Mobile Store
thiet ke website vnt Có thể sử dụng tên miền tiếng Việt để phát triển thương hiệu
thiet ke website vnt Hướng dẫn khắc phục thuật toán Panda 4.1
thiet ke website vnt Làm thế nào để sử dụng Google Plus làm Social Marketing
thiet ke website vnt Google đang giảm dần traffic tự nhiên
thiet ke website vnt Tiếp cận khách hàng trên Facebook nhiều hơn với các thủ thuật hữu ích
thiet ke website vnt 5 thủ thuật tăng tốc khi duyệt web
thiet ke website vnt NHNN phản hồi thông tin tên miền 4 ngân hàng bị rao bán
thiet ke website vnt Triều Tiên có đội tin tặc giỏi nhất thế giới?
thiet ke website vnt Hé lộ đoạn mã cho thấy WhatsApp đang phát triển phiên bản web
thiet ke website vnt Bing bổ sung tính năng tìm kiếm trẻ lạc bằng AMBER
thiet ke website vnt Hơn 50% quảng cáo của Google bị “lơ”
thiet ke website vnt Các giai đoạn chính của quá trình SEO là gì?
thiet ke website vnt Sử dụng công cụ Google Webmaster để cải thiện SEO
thiet ke website vnt 10 thực hành SEO xấu sẽ “diệt” thứ hạng trên Google
thiet ke website vnt Cần bao lâu để xếp hạng trên Google?
thiet ke website vnt Top10 thủ thuật SEO Copywriting để đạt thứ hạng cao
thiet ke website vnt Giúp google index website nhanh hơn
thiet ke website vnt Làm cho trang web của bạn dễ điều hướng hơn
thiet ke website vnt Click Through Rate (CTR) – Thuật ngữ SEO
thiet ke website vnt Các thuật ngữ SEO Google thông dụng nhất
thiet ke website vnt Tìm hiểu về Backlinks cho SEO
thiet ke website vnt Hướng dẫn Xây dựng chiến dịch SEO Google Digital Marketing hiệu quả
thiet ke website vnt Hướng dẫn viết nội dung Website chất lượng SEO
thiet ke website vnt Các bước làm SEO Google Marketing Online hiệu quả nhất
thiet ke website vnt Cách Quảng cáo Social Media Marketing - Tiếp Thị Mạng Xã Hội
thiet ke website vnt Top 10 thủ thuật SEO các quản trị website cần tránh xa
thiet ke website vnt Cách khắc phục tháo gỡ tác vụ thủ công và Google Sanbox
thiet ke website vnt Phân tích đối thủ cạnh tranh khi làm SEO
thiet ke website vnt Những kỹ thuật cơ bản về SEO Onpage Website
thiet ke website vnt Cách xây dựng baclinks chất lượng cho SEO
thiet ke website vnt Cách SEO Ping Backlinks để xếp hạng cao trên Google
thiet ke website vnt Email marketing là cách tiếp cập khách hàng tốt nhất?
thiet ke website vnt Hướng dẫn cài Google Analytics cho Website
thiet ke website vnt Thiệt hại vì mất an toàn thông tin: Doanh nghiệp biết nhưng làm ngơ
thiet ke website vnt Bộ Công thương bác tin bán hàng trên Facebook phải nộp thuế
thiet ke website vnt Các bước xây dựng nội dung thân thiện với SEO Google
thiet ke website vnt Kỹ thuật SEO tăng lượt truy cập website