it-swarm-vi.com

Làm thế nào để bạn tăng cường tốc độ trang web của bạn mà không ảnh hưởng đến thiết kế và truy cập?

Làm thế nào để bạn tăng cường tốc độ tải trang web của bạn mà không làm hỏng thiết kế và khả năng truy cập? Nén tập tin, CDN, Gzip? Các công cụ tốt nhất để làm như vậy là gì?

Ví dụ: Google đã tối ưu hóa trang web của họ mà không ảnh hưởng đến thiết kế. Ngoài ra, nhiều trang web có thể giết chết độ tinh khiết của hình ảnh của họ bằng cách nén.

Có cách nào, nhiều hay ít thực hành tốt nhất, để tăng tốc độ mà không ảnh hưởng đến thiết kế và khả năng tiếp cận?

Lưu ý: xin lỗi vì quá mơ hồ nhưng tôi không biết làm thế nào khác để diễn đạt câu hỏi này.

3
Kevin

Gzip có lẽ là điều quyết liệt nhất bạn có thể làm.
[.__.] Đảm bảo rằng tất cả các tệp css và js của bạn được giảm thiểu giúp. kiểm tra xem bạn không tải thư viện js hay css mà bạn không cần. Hầu hết người dùng sẽ lưu trữ những thứ này vì vậy sau trang đầu tiên, nó không phải là tất cả.

Ngoài ra, đảm bảo bộ nhớ đệm hoạt động tốt, như không phân tích lại một trang cho mọi yêu cầu không cần phải phân tích lại. nếu không cần thiết

7
WalterJ89

Khá nhiều tất cả của Yahoo Thực tiễn tốt nhất ​​có thể được thực hiện mà không cần chạm vào thiết kế trang web theo bất kỳ cách nào. Giảm thiểu các yêu cầu HTTP bằng cách kết hợp tất cả CSS vào một tệp và tất cả JS thành một tệp. Sử dụng Gzip. Đặt tiêu đề hết hạn tốt.

Những quy tắc này có thể ảnh hưởng đến thiết kế:

  • Giảm số lượng phần tử DOM - đáng xem, bạn sẽ có thể giảm kích thước HTML trong khi vẫn giữ nguyên thiết kế.
  • Tối thiểu hóa số lượng iframe - có lẽ tốt nhất để tránh những điều này bất cứ khi nào có thể.
  • Tối ưu hóa hình ảnh - bạn nên tối ưu hóa hình ảnh nếu có thể, nhưng đừng lạm dụng nó với chi phí thiết kế của bạn.
7
DisgruntledGoat

Không chỉ đơn giản là thu nhỏ CSS/JS, hãy kết hợp chúng thành một tệp cho mỗi định dạng càng nhiều càng tốt. Càng tải ít, càng tốt. Nếu điều này là không thể, hãy chuyển chúng sang các tên miền khác, được lưu trữ trên cùng một máy chủ hoặc trên CDN.

Gzip, như đã nói, là mạnh mẽ đáng kinh ngạc.

Di chuyển JS của bạn xuống dưới cùng của tài liệu và đảm bảo tất cả CSS nằm trong head. Tránh JS và CSS nội tuyến.

Lưu trữ tất cả mọi thứ và đặt Expires tiêu đề và ETags.

1
Kenneth Love

Tốc độ trang. Đây là plugin từ Google cho FireBug. Nếu bạn chạy nó trên trang web của bạn, nó sẽ cho bạn biết nơi bạn cần cải thiện. Nó chủ yếu làm theo lời khuyên được đưa ra bởi Thực tiễn tốt nhất của Yahoo, nhưng nó sẽ cho bạn biết nơi bạn cần cải thiện.

Tôi đã thấy sự cải thiện tốc độ lớn nhất trong làm giảm kích thước hình ảnh của tôi . Để thực hiện điều này, bạn có thể sử dụng "Lưu cho Web & Thiết bị" trong Photoshop HOẶC một chương trình Mac tốt khác có thể giảm hình ảnh của bạn là ImageOptim .

0
Shane Stillwell

Dọc theo các Thực tiễn Tốt nhất của Yahoo (YBP), bạn có thể muốn xem Tiện ích Firefox của YSlow . Nó sẽ cung cấp cho bạn một bản tóm tắt nhanh chóng về cách một trang web đang hoạt động liên quan đến YBP.

0
Thomas

Tôi đã viết một bài viết chi tiết về tối ưu hóa tốc độ mà bạn có thể thấy hữu ích.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

Sử dụng CDN cho các tệp tĩnh như javascript, css và hình ảnh. Cả RackspaceCloud và Amazon đều có giá khá rẻ.

0
Piers Karsenbarg
  • Giảm số lượng yêu cầu HTTP xuống mức tối thiểu - ví dụ: hãy chắc chắn rằng bạn đang sử dụng các họa tiết hình ảnh ở nơi bạn có thể, bạn có tải nhiều tệp javascript hoặc css cho mỗi trang không? Kết hợp chúng thành một
  • Có chuyển hướng ra khỏi đó mà bạn có thể loại bỏ?
  • Tải biểu định kiểu ở đầu tài liệu của bạn, javascript ở dưới cùng
  • Nếu trang web của bạn lớn, hãy cung cấp các máy chủ gần về mặt địa lý với cơ sở người dùng lớn nhất của bạn.
0
dmsnell

Tôi sử dụng bộ nhớ đệm trong ASP.NET và điều đó có thể tiết kiệm thời gian bằng cách tránh các cuộc gọi cơ sở dữ liệu trùng lặp, các cuộc gọi chức năng và thậm chí các trang.

0
harriyott