
1. Link tải xuống trực tiếp
LINK TẢI GG DRIVE: LINK TẢI 1
LINK TẢI GG DRIVE: LINK TẢI 2
LINK TẢI GG DRIVE: LINK DỰ PHÒNG
Mọi người thích các trang web nhanh và Google cũng vậy.
Trên thực tế, tốc độ trang web của bạn là một yếu tố xếp hạng trong kết quả của công cụ tìm kiếm Google.
Nếu trang web của bạn tải nhanh, nó có nhiều khả năng hiển thị hơn khi mọi người tìm kiếm thương hiệu của bạn. Điều này cùng với việc biết rằng một trang web nhanh mang lại trải nghiệm người dùng (UX) tốt hơn, có nghĩa là một trang web nhanh hơn có thể dẫn đến chuyển đổi cao hơn.
Nếu trang web của bạn không tải nhanh như bạn muốn, rất có thể những bức ảnh của bạn bị đổ lỗi.
Dưới đây là một số sai lầm phổ biến mà mọi người thường mắc phải khi tối ưu hóa hình ảnh cho trang web của họ.
Hình ảnh quá lớn
Nhiều nhà tiếp thị và nhà xuất bản thích sử dụng hình ảnh lớn, có độ phân giải cao trên trang web của họ vì họ tin rằng những hình ảnh này mang lại trải nghiệm người dùng tốt hơn.
Vấn đề là hình ảnh có độ phân giải cao thường có kích thước tệp rất lớn và mất nhiều thời gian để tải, đặc biệt là khi có nhiều hình ảnh trên cùng một trang web.
Chúng tôi đã thấy nhiều nhà xuất bản tải lên các hình ảnh có dung lượng từ 2MB đến 5MB trên blog hoặc các bài đăng nội dung của họ. Kích thước hình ảnh này quá lớn so với web và là một trong những lỗi phổ biến nhất làm chậm trang web.
Nếu ảnh của bạn lớn hơn 500KB, có thể đã xảy ra lỗi và ảnh có thể bị nén.
Trước khi bạn tải hình ảnh mới lên trang web hoặc bài đăng trên blog của mình, hãy ghi nhớ các mẹo sau:
- Trước khi tải lên hình ảnh, hãy kiểm tra kích thước tệp (nhấp chuột phải vào hình ảnh và chọn Thuộc tính).
- Giữ kích thước tệp hình ảnh dưới 500 KB (và dưới 100 KB nếu có thể)
- Có nhiều công cụ trực tuyến mà bạn có thể sử dụng để nén hình ảnh của mình để có kích thước tệp nhỏ hơn, chẳng hạn như: B. io, CompressJPG và TinyPNG.
- Nếu bạn đang sử dụng Photoshop để chuẩn bị hình ảnh của mình, hãy theo dõi kích thước và đảm bảo DPI được đặt thành 72 dpi (kích thước hình ảnh / hình ảnh), và nhớ chọn “Lưu cho Web” để kiểm soát kích thước tệp đầu ra cuối cùng.
- Chuyển đổi hình ảnh của bạn thành các loại tệp phù hợp. Hầu hết thời gian, bạn sẽ muốn sử dụng JPG. Tuy nhiên, nếu hình ảnh của bạn sử dụng độ trong suốt (ví dụ: hình ảnh có nền “nhìn xuyên qua”), bạn phải sử dụng PNG. Có một số trường hợp hiếm khi GIF là tốt nhất, nhưng khi nghi ngờ, hãy luôn sử dụng JPG.
Một ví dụ cụ thể: Một thương hiệu giày thiết kế trực tuyến độc quyền sử dụng rất nhiều biểu ngữ lớn và hình ảnh sản phẩm trên trang web thời trang của mình, điều này khiến điểm Google PageSpeed giảm xuống chỉ còn 20/100.
Chúng tôi đã tạo một công việc hàng ngày cron (tác vụ tự động chạy hàng ngày) để tự động thu nhỏ hình ảnh lớn theo tiêu chuẩn web nhỏ hơn trong khi vẫn duy trì chất lượng tốt.
Trong ảnh chụp màn hình bên dưới, chúng tôi đã giảm kích thước tệp của hình ảnh từ 1,3 MB xuống chỉ còn 142 KB.
Bằng cách giảm kích thước tệp hình ảnh, chúng tôi đã tăng Điểm tốc độ trang của Google từ 20/100 lên 58/100.
Tự động chia tỷ lệ hình ảnh
Một lỗi phổ biến khác với hình ảnh là tự động điều chỉnh tỷ lệ hình ảnh lớn để chúng có vẻ nhỏ hơn thực tế.
Điều này thường thuận tiện hơn cho các nhà phát triển và người tạo nội dung, nhưng nó thực sự có thể làm chậm trang web.
Ví dụ: một biểu ngữ ảnh lớn trong một bài đăng cũng có thể được sử dụng làm hình thu nhỏ nhỏ ở những nơi khác trên trang web.
Thay vì tạo nhiều phiên bản của hình ảnh (ví dụ: 1000 × 425 cho biểu ngữ và 64 × 64 cho cột bên), nhà phát triển đã sử dụng mã để tự động chia tỷ lệ cùng một hình ảnh lớn để hiển thị dưới dạng hình thu nhỏ nhỏ. Một bức tranh lớn được tải một cách không cần thiết. Điều này làm giảm thời gian phát triển, nhưng tốc độ trang phải trả giá.
Chưa kể rằng hình ảnh được tự động điều chỉnh tỷ lệ có thể trông bị méo vì chúng đã được kéo dài bằng mã. Ví dụ: hình thu nhỏ bên dưới sẽ tự động thu nhỏ và bị bóp méo từ 1000 × 425 pixel thành 64 × 64 pixel.
Hãy để ý những lần khi cùng một hình ảnh được sử dụng nhiều lần trên trang web của bạn. Nếu trang web của bạn yêu cầu 12 biến thể kích thước khác nhau được sử dụng ở 12 vị trí (khoảng 25 × 25, 40 × 40, 200 × 200, 658 × 258, 56 × 56, 64 × 64, 92 × 92, 150 × 156, 110 × 110) . , 160 × 160 và 180 × 180), có lẽ là quá nhiều và bạn có thể muốn thu hẹp nó xuống dưới bốn.
Sau đó, tạo một hình ảnh riêng biệt cho từng kích thước khác nhau và tải phiên bản kích thước chính xác của hình ảnh thay vì tự động điều chỉnh kích thước hình ảnh lớn để trông nhỏ hơn thực tế.
Thiếu bộ nhớ đệm hình ảnh
Ngay cả khi bạn sử dụng tính năng nén hình ảnh phù hợp và cung cấp hình ảnh được chia tỷ lệ thích hợp, một trang có dung lượng hình ảnh rất nặng vẫn có thể mất nhiều thời gian để tải. Vì hình ảnh là nội dung tĩnh, sử dụng CDN caching là một cách tuyệt vời để tăng tốc thời gian tải.
Bộ nhớ đệm (phát âm là “tiền mặt”) là việc lưu trữ dữ liệu trong một vùng lưu trữ tạm thời được gọi là bộ nhớ đệm. Ví dụ: bạn có thể nhận thấy rằng một trang web bạn đã truy cập trong quá khứ tải nhanh hơn một trang web bạn chưa từng truy cập. Điều này là do trang web bạn đang truy cập được máy tính của bạn lưu vào bộ nhớ đệm.
CDN (Mạng phân phối nội dung) là một mạng lưới các máy chủ cung cấp nội dung được lưu trong bộ nhớ cache (ví dụ: hình ảnh) từ các trang web đến người dùng dựa trên vị trí địa lý của người dùng.
Ví dụ: nếu bạn đang ở New York và đang xem một trang web từ Ấn Độ, bạn có thể tải hình ảnh từ một máy chủ thực sự ở New York thay vì tải hình ảnh từ nửa vòng trái đất.
Một trang web sử dụng bộ nhớ đệm CDN có thể phân phối hình ảnh và nội dung tĩnh khác nhanh hơn nhiều, đặc biệt là trong thời gian lưu lượng truy cập cao điểm, vì hình ảnh không được tải trực tiếp từ máy chủ web mà từ máy chủ được lưu trong bộ nhớ cache với tốc độ nhanh hơn nhiều.
Ngoài ra, CDN còn giúp bạn phục vụ cùng lúc nhiều lượt khách hơn. Nếu trang web của bạn đang có lưu lượng truy cập tăng đột ngột hoặc không mong muốn, CDN có thể giữ cho trang web của bạn hoạt động hiệu quả.
Nguồn: www.searchenginewatch.com