Mọi người có thể tranh luận về định nghĩa của một trang web tốt từ quan điểm thẩm mỹ. Nhưng về mặt kỹ thuật, tốc độ là một trong những yêu cầu của một trang web tuyệt vời. Vì vậy, nếu bạn là một chủ sở hữu trang web, những người muốn giữ khách truy cập của bạn hạnh phúc, điều quan trọng là phải luôn có (các) trang web của bạn trên làn đường nhanh.

Có nhiều yếu tố có thể ảnh hưởng đến tốc độ tải của trang web. Phân tích và sửa chữa các vấn đề từng người một có thể là một cơn ác mộng đối với những người không đam mê có một hoặc hai trang web. Nhưng may mắn thay, có YSlow - một tiện ích bổ sung của Firefox sẽ giúp ngay cả những người dùng phổ biến nhất của công nghệ để dễ dàng theo dõi những con lợn trên trang web của họ.

Nhận, Cài đặt và Thiết lập Add Ons

Bạn có thể cài đặt YSlow bằng cách sử dụng chức năng tìm kiếm trong Trình quản lý Tiện ích bổ sung của Firefox, hoặc bạn cũng có thể lấy nó trực tiếp từ trang YSlow.

Và sau khi cài đặt, bạn có thể thấy logo trên thanh thấp hơn của Firefox. Nhấp vào nó sẽ kích hoạt Add-on.

Tuy nhiên, xin lưu ý rằng bạn phải cài đặt và kích hoạt Firebug trước khi sử dụng YSlow. Và nếu bạn là người dùng Firefox 4 beta, bạn hiện không thể sử dụng YSlow vì phiên bản mới nhất của Firebug (tại thời điểm viết) chỉ tương thích với Firefox 3.x.

Nếu mọi thứ được đặt, hãy nhấp vào nút YSlow trong khi trang web bạn muốn phân tích tập trung. YSlow sẽ mở ra như một trong các tab của Firebug. Bạn có thể chọn tùy chọn để luôn chạy YSlow mỗi khi trang web được tải, nhưng người dùng thông thường chỉ muốn phân tích một hoặc hai trang web nên sử dụng quy trình thủ công bằng cách nhấp vào nút " Chạy thử nghiệm ".

Có một số quy tắc kiểm tra mà bạn có thể sử dụng tùy thuộc vào loại trang web mà bạn có. Hầu hết chúng ta blogger nghiệp dư có thể muốn sử dụng ruleset " Trang web nhỏ hoặc Blog ".

Bạn cũng có thể chỉnh sửa các bộ bằng cách nhấp vào nút " Chỉnh sửa " bên cạnh trình đơn thả xuống quy tắc. Sau đó, bạn có thể bao gồm / loại trừ các yếu tố của tập hợp. Bạn có thể nhận thêm thông tin về một mục bằng cách di chuột qua nó.

Kết quả kiểm tra

Sau khi nhấp vào nút " Chạy thử nghiệm ", YSlow sẽ bắt đầu phân tích trang web của bạn. Một lát sau, nó sẽ trình bày cho bạn kết quả hoàn chỉnh với điểm số tổng thể, điểm cá nhân và ghi chú ngắn về từng mục.

Bạn có thể tìm hiểu thêm về một mục cụ thể bằng cách nhấp vào liên kết “ Đọc thêm ”.

Bạn cũng có thể lọc kết quả dựa trên các danh mục.

Bên cạnh tab “ Lớp ” là tab “ Thành phần ”. Đây là nơi để xem danh sách phân tích các thành phần có trọng lượng trang mà bạn phân tích.

Tab " Thống kê " sẽ hiển thị cho bạn kết quả theo cách đồ họa hơn. Bạn có thể nhanh chóng so sánh kích thước của từng thành phần chỉ bằng cách nhìn vào biểu đồ.

Công cụ của thương mại

Sau khi phân tích đến giai đoạn cố định. YSlow cung cấp cho người dùng một bộ công cụ để cải thiện hiệu suất trang web của bạn. Nhưng hãy nhớ rằng YSlow chỉ đi xa như cung cấp cho bạn các đề xuất về các yếu tố tối ưu hóa của trang web của bạn. Bạn vẫn phải tự chỉnh sửa các thành phần đó - thay thế các thành phần cũ bằng các phiên bản được tối ưu hóa do YSlow đề xuất.

Ví dụ. bạn có thể nhấp vào liên kết “ Tất cả JS rút gọn ” để nhận được tập lệnh nhỏ hơn và nhỏ hơn. Sau đó đăng nhập vào máy chủ lưu trữ web của bạn và sử dụng các tập lệnh được rút gọn đó để thay thế các tập lệnh bạn sử dụng trên trang web của mình.

Nhưng công cụ mà tôi nghĩ sẽ hữu ích nhất đối với hầu hết chúng ta là Smush.it. Công cụ này sẽ tối ưu hóa các hình ảnh được tìm thấy trên trang mà bạn phân tích để những hình ảnh đó sẽ nhỏ hơn và phù hợp hơn cho web.

Nhấp vào liên kết “ All Smush.it ” và để Smush.it làm phần còn lại. Sau khi quá trình được thực hiện, bạn có thể tải xuống các hình ảnh bị mờ và sử dụng chúng để thay thế những hình ảnh bạn sử dụng trên trang web.

Công cụ này cũng cho phép bạn tải lên hình ảnh từ ổ cứng của bạn và tối ưu hóa chúng. Điều này sẽ rất hữu ích để nén kích thước hình ảnh trước khi sử dụng chúng cho web.

Được cảnh báo mặc dù Smush.it sẽ đổi tên các tập tin và sử dụng dấu cộng (+) để thay thế dấu cách. Một số trang web không cho phép bạn sử dụng các ký tự không chuẩn cho tên tệp và hình ảnh được tối ưu hóa của bạn có thể không hiển thị chính xác. Vì vậy, bạn có thể muốn đổi tên các hình ảnh được tối ưu hóa trước khi tải chúng lên web.

Có nhiều khía cạnh khác của YSlow không thể được mô tả ở đây. Để biết thêm thông tin, bạn có thể truy cập Hướng dẫn sử dụng YSlow.

Chủ blog WordPress cũng có thể thử thêm 3 phương pháp để làm nhẹ tải và tăng tốc blog của họ.

Bạn đã thử YSlow chưa? Bạn có biết các công cụ khác để phân tích và sửa chữa các con lợn trên trang web của bạn không? Chia sẻ suy nghĩ và ý kiến ​​của bạn bằng cách sử dụng bình luận bên dưới.