Phần nhanh nhất và thường hiệu quả nhất chính là nơi bạn có thể bắt đầu. Thông thường, bạn nên giữ kích thước hình ảnh dưới 100kb. Tất nhiên, đừng coi con số này là giáo điều mà hãy sử dụng nó như một loại mỏ neo.
Để giảm kích thước dữ liệu của hình ảnh, hãy sử dụng các công cụ như:
ShortPixel Image Optimizer (Plugin WordPress)
Các công cụ này nén dữ liệu mà không làm thay đổi đáng kể chất lượng hình ảnh – do đó, bạn không phải lo lắng về việc hình ảnh bị mờ hoặc bị biến dạng.
Kích thước
Tải hình ảnh lên trang web theo kích thước gần nhất có thể với kích t dữ liệu điện tín hước mà hình ảnh sẽ hiển thị trên trang web.
Ví dụ, nếu bạn tải một hình ảnh lên trang web có kích thước 1000x1000px, hình ảnh đó sẽ chỉ được hiển thị trên trang với kích thước 100x100px để phù hợp với khái niệm của trang. Điều này buộc trình duyệt phải tải một hình ảnh lớn hơn gấp 10 lần một cách không cần thiết, sau đó được giảm kích thước xuống kích thước mong muốn là 100x100px bằng CSS.
Số lượng hình ảnh trên mỗi trang
Càng nhiều hình ảnh trên một trang thì kích thước của mỗi hình ảnh phải càng nhỏ. Kích thước dữ liệu của chúng tăng lên vì trình duyệt phải tải xuống và tải toàn bộ nội dung trang.
2) Tải vào bộ nhớ đệm của trình duyệt
Mỗi khi bạn truy cập một trang web, nội dung của trang web đó sẽ được lưu t
rong bộ nhớ đệm của trình duyệt hoặc bộ nhớ tạm thời trên đĩa của bạn.
Khi bạn truy cập lại trang đó sau này, trình duyệt sẽ tải nội dung từ bộ nhớ này
và không cần phải tải lại toàn bộ nội dung từ máy Xây dựng liên kết ngoài chủ. Kết quả là -> trang tải nhanh hơn.
Nếu bạn sử dụng WordPress, bạn có thể thực hiện các thiết lập cần thiết bằng
plugin W3 Total Cache hoặc WP Fastest Cache .
3) Bật nén GZIP
GZIP là công nghệ tìm kiếm các luồng có cùng mã (ví dụ: HTML và CSS) rồ
i nén chúng lại, do đó giảm kích thước của chúng.
Như chúng ta đã biết, trong trường hợp này, nhỏ hơn sẽ tốt hơn, vì vậy hãy
kích hoạt nén GZIP bằng plugin W3 Total Cache đã đề cập trước đó hoặc bằng cách
chỉnh sửa tệp .htaccess của bạn (nếu bạn không biết cách thực hiện, hãy
liên hệ với nhà cung cấp dịch vụ lưu trữ của mình).
4) Thu nhỏ và kết hợp các tập tin
Các tệp HTML, CSS và JavaScript thường chứa nhiều khoảng trắng, định
dạng không sử dụng hoặc mã không cần thiết. Thu nhỏ sẽ loại bỏ những phần không cần thiết này và tăng tốc trang web.
Trang web của bạn thường sử dụng nhiều tệp CSS hoặc JavaScript. Bằng cách
hợp nhất chúng, bạn sẽ giảm số lượng yêu cầu tới máy chủ và do đó tăng tốc độ tải trang.
Nếu bạn sử dụng WordPress, hãy thử plugin Autoptimize hoặc WP Rocket .
5) Thuê một CDN
Bạn có thể hình dung CDN hay Mạng phân phối nội dung
là mạng lưới máy chủ toàn cầu nơi bạn có thể lưu trữ nội dung trang web của
mình để khách truy cập có thể tải nội dung nhanh hơn. Theo số liệu của bỉ mặc định, trang web
của bạn được lưu trữ trên máy chủ của nhà cung cấp dịch vụ lưu trữ. Cho dù bạn ở
Cộng hòa Séc, New York hay Sydney, các trang của bạn sẽ luôn được tải từ máy chủ này.
Khoảng cách địa lý từ người dùng đến máy chủ khiến tốc độ tải trang chậm
lại – dữ liệu phải truyền đi một quãng đường dài.
Đồng thời, dữ liệu của tất cả khách truy cập của bạn chỉ được tải từ một máy
chủ sẽ làm tăng tải cho máy chủ này, điều này có thể ảnh hưởng tiêu cực đến tốc độ tải trang web.
Giải pháp cho những phức tạp
này là sử dụng CDN. CDN cho phép lưu trữ tự động nội dung trang web của
bạn trên các máy chủ đặt trên khắp thế giới.
Do đó, khi trình duyệt của khách truy cập yêu cầu nội dung của một trang, nhờ
vào CDN, yêu cầu này sẽ được giải quyết không phải bởi máy chủ của bạn mà
bởi máy chủ gần nhất để có thể giải quyết nhanh nhất có thể.
Tốc độ tăng lên trong trường hợp này thực sự đáng kể (20-50%) và việc thiết
lập CDN chỉ mất vài phút. Nếu bạn muốn bắt đầu sử dụng CDN, hãy thử Cloudflare hoặc Stackpath .