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.
| Plugin | Kích thước gốc | Kích thước sau tối ưu | Phần trăm tối ưu | Loại/ mức nén ảnh |
|---|---|---|---|---|
| ShortPixel | 518 KB | 169 KB | 67.36% | Lossy |
| TinyPNG | 518 KB | 248.6 KB | 52% | Lossy |
| Optimole | 518 KB | 274 KB | 47% | Lossy and Lossless |
| Imagify | 518 KB | 338.7 KB | 34.64% | Lossy |
| EWWW | 518 KB | 488.9 KB | 5.7% | Lossless |
| Smush | 518 KB | 493 KB | 4.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.
Cài plugin – 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
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.
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.
Để 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.
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.
| STT | API KEY | Email login | Pass |
| 1 | uW1g2CtuQVsmeTZGbcVg | txonrqvjiqaksreguc@adfskj.com | xrtYID9CgdqTu |
| 2 | xB7gLwgCmpElraoVyB99 | dubkyxvgqrigqcdbkx@sdvrecft.com | ssQsMOqHSwUZv |
| 3 | hgUNdcAGYFLWcuQs1gB3 | jexakpkodlbfgujwsh@mrvpm.net | FWs4ppyp59VL2 |
| 4 | U79Oh5zKdgVm3e1pq0A9 | hgqdjrbohidlcxvnps@sdvgeft.com | wMa7DtbbE1Tyo |
| 5 | S6zMbjewJcYWt20vnHFl | thmxviceneahixldyr@mrvpm.net | c38T1MqAFxMsC |
| 6 | 6j2Wams3qLoKmSa2rt4j | pwubttxxvxyuqnpwym@sdvrecft.com | bvUkG5nAfUvgs |
| 7 | 9BhpFcvknNDfg6X8qjvm | lpiicednytmggbwztq@sdvgeft.com | 8FmL2okU07huD |
| 8 | CwpztwowvSNHWnYtDqzC | mojxuqiotpggamczpo@pp7rvv.com | VA9DeEfxMDct0 |
| 9 | gkJvxoukyifdj09uthHm | ctayrykrgjgfmurcuv@mrvpm.net | a6UL970Ke9sXH |
| 10 | JBDzgRY0nZO4BnU9JNbA | otk96750@zwoho.com | HGlZD0LuJR7rA |
| 11 | ynXUVTkxrJRn2PxOeEDF | rerhoixbfumjexmcnp@pp7rvv.com | 426LmL24WmpBW |
| 12 | kXKwuhTZtu2KFAcZGq8z | inldokqyztbgvespbd@adfskj.com | GrYyqALoWMEYh |
| 13 | HBLcmNFByUllcgIwdWJ4 | xiwvsamwdqlyuppjas@sdvrecft.com | 90Gooi5jDHHT7 |
| 14 | vu60bZRjRnR3oQrrJt43 | ktvmzksqkvpvfwlkzt@sdvrecft.com | MHnh1UBlEQF9W |
| 15 | fZFaCvGwzJXf6aXKhcPx | ioemfgnimixnpkjqix@mrvpt.com | AHgQJOV0g1Xqu |
| 16 | 3cFYc0lRxdfauWlyFcCn | ayjtyongcoxlbtiyga@mrvpm.net | LJIJH7RmdPQni |
| 17 | 0duKF35e1zcRpEudZP07 | servxgxdguxqfeafht@sdvgeft.com | TN4oWQHkETnm6 |
| 18 | jC2nFZfzepN2Dr99fT8r | eioygfptrgyooaoeup@sdvft.com | riVUawR1PcsHN |
| 19 | lzaxaFT0eZ5mNFocNtCY | orjgjslubwpmissvkh@adfskj.com | k0x1ObRXZlRVV |
| 20 | 1LCQHZ5y2esKZW1M7muV | isqwfudkitbjiufdcq@adfskj.com | 0gQvi80tZ8baF |
| 21 | 30QCg4JD7dMdMhiJ40gP | casgerxepfvchfojwd@pptrvv.com | teYBTD34c2qng |
| 22 | 04BQnuSKb5zmLbwjD6CL | nfmfbwoteziesxgamy@mrvpm.net | e15Bl3jgZTawM |
| 23 | aebrvi6FQZkEeprlu1Xm | kocwsvycdkewpofmml@sdvrecft.com | ATwCn2Ym59lsL |
| 24 | DE0XiOn1S1tm29py2R6z | lbdyfgkpeiklxoccsj@adfskj.com | sVjgxutUQe2bt |
| 25 | ikgS9eP8eDoCsLlKFcnu | swexwaupelbccgbolf@sdvgeft.com | gkRAjRWi1192Z |
Chúc bạn thành công !
