• Thông báo
    • Đã có box quảng cáo rao vặt, hãy cẩn thận để không bị banned tài khoản
    • Update 28/12/2016: Yêu cầu các bài rao vặt post sau ngày này cần phải share g+, post nào không share sẽ bị xóa không cần báo trước.
    • Vi phạm quy định 3 lần, sẽ bị xóa bài acc + toàn bộ bài viết

Onpage phần 1:Tăng tốc độ website - tối ưu hình ảnh và CSS

doraemon

Administrator
Staff member
Hướng dẫn onpage phần 1: Tăng tốc độ website - Tối ưu hóa hình ảnh và CSS

Như đã hứa ở bài viết Seo là gì, lần trước, nay mình rảnh rỗi thêm tí chán chán, ngồi viết tiếp phần tiếp theo của seri cách seo web của mình.

Ở phần này, mình sẽ chỉ tập trung vào hướng dẫn các bạn onpage tối ưu hóa một số mục cần thiết, thường gặp nhất như: tối ưu hóa hình ảnh, nén css...

Để biết web site của bạn cần tối ưu những hình ảnh hay css nào, bạn có thể sử dụng công cụ miễn phí mà google đã cung cấp:

Code:
https://developers.google.com/speed/pagespeed/insights/
Sau khi kiểm tra bằng công cụ trên, bạn sẽ biết mình phải tối ưu những hình ảnh nào.

1.jpg

2.jpg

Nén hình ảnh

Bước tiếp theo bạn có thể download trực tiếp các hình ảnh đã được google tối ưu sẵn cho bạn bằng cách nhấp vào phần "Tải xuống tài nguyên CSS, JavaScript và hình ảnh được tối ưu hóa cho trang này."

3.jpg

Hoặc sử dụng công cụ nén hình ảnh khá tốt, miễn phí như:

Code:
https://tinypng.com/
Sau đó bạn upload lại các hình ảnh đúng theo các đường dẫn của ảnh cũ.

Và đây là thành quả của mình sau khi nén hình ảnh.
4.jpg

Nén css

Với css bạn cũng có thể làm tương tự như trên, sau khi download file đã được tối ưu hóa theo gợi ý của google, bạn upload đè lên css cũ. Hoặc sử dụng công cụ sau để nén css lại.

Code:
http://csscompressor.com/
Copy phần css mà bạn muốn tối ưu sau nó dán vào công cụ trên.

5.jpg
Chọn compress để bắt đầu quá trình nén css, sau khi nén xong bạn copy phần css đã nén, chép đè lên css cũ.

6.jpg

Chú ý: Trước khi bắt đầu các thao tác trên, bạn nên backup website lại để tránh các lỗi có thể phát sinh sau khi làm.

Trên đây là cách tăng tốc độ website bằng cách nén hình ảnh và css. Với cách này bạn có thể cải thiện điểm chất lượng, tốc độ website của bạn tăng thêm từ 2 - 5 điểm rồi đấy.
 
Last edited:
Top