Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website

Thông thường khi tối ưu tốc độ website việc đầu tiên được quan tâm nhất đó là tối ưu dung lượng hình ảnh, nếu bạn không chuyên về lập trình – coding.

Việc tối ưu tốc độ website wordpress tất nhiên sẽ phụ thuộc vào rất nhiều yếu tố, có thể kể đến như: sử dụng theme/ plugin được tối ưu code, tối ưu javascript, nén HTML CSS, sử dụng server có tốc độ phản hồi tốt, sử dụng lazy-load, ajax,… và tất nhiên là hình ảnh cũng phải được tối ưu.

Để tối ưu hình ảnh hiển nhiên cũng có rất nhiều công cụ, từ phần mềm sử dụng offline đến các công cụ online như imagecompressor, tinypng – được google gợi ý sử dụng, nên đây là công cụ được mình sử dụng nhiều nhất, từ khoảng 5 năm trở lại đây.

Nhưng có một điểm rất bất cập là mình thường viết các tutorial thông qua việc chụp màn hình và dán trực tiếp lên editor trên wordpress cho tiết kiệm thời gian. Tuy đây là cách giúp tiết kiệm thời gian nhưng lại không thể sử dụng tinypng trên website được.

Việc sử dụng plugin trên website có thể giúp ta giải quyết được vấn đề nén hình ảnh đó. Bạn cứ việc giúp load hình ảnh lên site sau đó vào mục Media đến nén những hình nào cần thiết. Việc sử dụng plugin cũng có rất nhiều sự lựa chọn cho chúng ta, các bạn có thể tham khảo bảng so sánh, sau khi nén cùng 1 hình ảnh.

PluginKích thước gốcKích thước sau tối ưuPhần trăm tối ưuLoại/ mức nén ảnh
ShortPixel518 KB169 KB67.36%Lossy
TinyPNG518 KB248.6 KB52%Lossy
Optimole518 KB274 KB47%Lossy and Lossless
Imagify518 KB338.7 KB34.64%Lossy
EWWW518 KB488.9 KB5.7%Lossless
Smush518 KB493 KB4.9%Lossless

Từ bảng so sánh trên chúng ta thây Shortpixel có tỷ lệ nén ảnh tốt nhất trong các plugin, nên trong bài viết này Phú Digital sẽ hướng dẫn bạn sử dụng plugin Short Pixel cho website của mình

Short Pixel là công cụ giúp tối ưu hoá tốt nhất trong bài test trên, tuy nhiên đây là Lossy (mình không khuyến khích bạn sử dụng chế độ này mà chỉ nên sử dụng loại Glossy của Short Pixel)

Tạo tài khoản Short Pixel

Đầu tiên bạn cần đăng ký một tài khoản Short Pixel tại liên kết ShortPixel.com sau đó xác minh email để vào admin lấy API key

Sau khi đã xác minh email bạn vào mục https://shortpixel.com/show-api-key điền tên domain và nhấn vào Generate để gắn API key cho domain.

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Lấy API key Short Pixel

Cài plugin – ShortPixel Image Optimizer

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Cài đặt ShortPixel Image Optimizer

Sau khi đã cài đặt và kích hoạt plugin Short Pixel bạn vào mục Cài đặt –> Short Pixel, nhập API key đã lấy ở bước trên vào mục API Key

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Nhập API Key

Cấu hình Short Pixel

Nếu lần đầu bạn sử dụng Short Pixel, Phú khuyên bạn nên cấu hình như các bước hướng dẫn bên dưới. Cấu hình này bạn sẽ thực hiện nén ảnh một cách thủ công tại phần Media.

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Chọn type nén

Tại tab Advanced bạn bỏ chọn tất cả các tick. Riêng phần Exclude thumbnail sizes có thể tick vào các thumbnail không cần nén như Phú. Bấm Save Changes để lưu lại cài đặt.

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Cấu hình Short Pixel – Advanced

Để xem thông kê số ảnh đã nén trong tháng, cũng như phần trăm đã nén được bao nhiêu bạn có thể xem ở tab Statistics. Mặc định Short Pixel cho bạn 100 ảnh trên tháng, bạn có thể sử dụng giới thiệu bạn bè để tăng lượt ảnh cho phép nén hàng tháng, cứ mỗi lượt giới thiệu bạn sẽ có 100 credits tương đương 100 ảnh/ tháng.

Nén ảnh trên web bằng Short Pixel

Để nén ảnh bạn vào phần Media, chọn kiểu hiển thị là kiểu danh sách sau đó nhấn vào Optimize now để nén hình ảnh ở dòng tương ứng.

Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Nén ảnh
Hướng dẫn sử dụng Short Pixel tối ưu tốc độ website Phú Digital
Đang nén ảnh

Với các thao tác đơn giản, bạn có thể sử dụng được Short Pixel. Nếu thấy hữu ích hãy chia sẻ cho bạn bè cùng thực hiện bạn nhé.

Tổng Hợp API Key ShortPixel Miễn Phí

Chia sẻ cùng các bạn Key Short Pixel miễn phí 200 credit/ tháng, cùng email và mật khẩu của tài khoản ShortPixel, với những bài xài cho website wordpress chỉ cần nhập API Key vào plugin là được.

STTAPI KEYEmail loginPass
1uW1g2CtuQVsmeTZGbcVgtxonrqvjiqaksreguc@adfskj.comxrtYID9CgdqTu
2xB7gLwgCmpElraoVyB99dubkyxvgqrigqcdbkx@sdvrecft.comssQsMOqHSwUZv
3hgUNdcAGYFLWcuQs1gB3jexakpkodlbfgujwsh@mrvpm.netFWs4ppyp59VL2
4U79Oh5zKdgVm3e1pq0A9hgqdjrbohidlcxvnps@sdvgeft.comwMa7DtbbE1Tyo
5S6zMbjewJcYWt20vnHFlthmxviceneahixldyr@mrvpm.netc38T1MqAFxMsC
66j2Wams3qLoKmSa2rt4jpwubttxxvxyuqnpwym@sdvrecft.combvUkG5nAfUvgs
79BhpFcvknNDfg6X8qjvmlpiicednytmggbwztq@sdvgeft.com8FmL2okU07huD
8CwpztwowvSNHWnYtDqzCmojxuqiotpggamczpo@pp7rvv.comVA9DeEfxMDct0
9gkJvxoukyifdj09uthHmctayrykrgjgfmurcuv@mrvpm.neta6UL970Ke9sXH
10JBDzgRY0nZO4BnU9JNbAotk96750@zwoho.comHGlZD0LuJR7rA
11ynXUVTkxrJRn2PxOeEDFrerhoixbfumjexmcnp@pp7rvv.com426LmL24WmpBW
12kXKwuhTZtu2KFAcZGq8zinldokqyztbgvespbd@adfskj.comGrYyqALoWMEYh
13HBLcmNFByUllcgIwdWJ4xiwvsamwdqlyuppjas@sdvrecft.com90Gooi5jDHHT7
14vu60bZRjRnR3oQrrJt43ktvmzksqkvpvfwlkzt@sdvrecft.comMHnh1UBlEQF9W
15fZFaCvGwzJXf6aXKhcPxioemfgnimixnpkjqix@mrvpt.comAHgQJOV0g1Xqu
163cFYc0lRxdfauWlyFcCnayjtyongcoxlbtiyga@mrvpm.netLJIJH7RmdPQni
170duKF35e1zcRpEudZP07servxgxdguxqfeafht@sdvgeft.comTN4oWQHkETnm6
18jC2nFZfzepN2Dr99fT8reioygfptrgyooaoeup@sdvft.comriVUawR1PcsHN
19lzaxaFT0eZ5mNFocNtCYorjgjslubwpmissvkh@adfskj.comk0x1ObRXZlRVV
201LCQHZ5y2esKZW1M7muVisqwfudkitbjiufdcq@adfskj.com0gQvi80tZ8baF
2130QCg4JD7dMdMhiJ40gPcasgerxepfvchfojwd@pptrvv.comteYBTD34c2qng
2204BQnuSKb5zmLbwjD6CLnfmfbwoteziesxgamy@mrvpm.nete15Bl3jgZTawM
23aebrvi6FQZkEeprlu1Xmkocwsvycdkewpofmml@sdvrecft.comATwCn2Ym59lsL
24DE0XiOn1S1tm29py2R6zlbdyfgkpeiklxoccsj@adfskj.comsVjgxutUQe2bt
25ikgS9eP8eDoCsLlKFcnuswexwaupelbccgbolf@sdvgeft.comgkRAjRWi1192Z
Chia sẻ API Key Shortpixel miến phí

Chúc bạn thành công !

BÀI VIẾT HAY

Kết nối cùng Phú nhé! Phú sẽ chọn lọc những bài viết được lượt xem nhiều nhất chia sẻ đến bạn qua email!

 

Bạn đã đăng ký thành công!