Tin tức SEO
10 bí quyết cho tối ưu hiệu năng website
Th2
Bên cạnh việc thiết kế website tạo nên ấn tượng thương hiệu thì việc tối ưu hóa hiệu năng website luôn được xem là ưu tiên hàng đầu khi phát triển và duy trì một trang web, đặc biệt khi có quá nhiều đối thủ cạnh tranh kênh online.
Nếu bạn đang đi tìm cách tối ưu website của mình thì hãy thủ 10 bí quyết hàng đầu tối ưu website sau đây.
1. Tối ưu hình ảnh
Theo cuộc khảo sát với 20 chuyên gia về làm websiteđưa ra ý kiến về lỗi tối ưu các website hay mắc phải thì 46% trong số chuyên gia cho biết tiêu chí đầu tiên họ làm là tối ưu hình ảnh.
Theo báo cáo của HTTP Archive năm 2016 thì 64% dung lượng của website là đến từ hình ảnh.
Theo Google, hình theo định dạng WebP loại lossless nhỏ hơn PNG 26% và JPEG 25-34%.
(WebP là một loại định dạng hình ảnh được tạo ra bởi Google, với mục đích thay thế cho JPEG, PNG và GIF, đồng thời hỗ trợ tốt nén, hình ảnh trong suốt và các hiệu ứng.)
Dưới đây là các đơn vị cung cấp công cụ dùng để nén và tối ưu hình ảnh
Plugins:
- Grunt: grunt-contrib-imagemin
- Gulp: gulp-imagemin
Công cụ của đối tác:
2. Giảm bớt các request HTTP
Khi trình duyệt của bạn lấy dữ liệu từ máy chủ nó sẽ dùng HTTP (Hypertext Transfer Protocol). Đây là phương thức yêu cầu/ phản hồi giữa máy khách và máy chủ. Nhìn chung càng nhiều yêu cầu HTTP trang web bạn thực hiện, nó sẽ tải càng chậm.
Có nhiều cách bạn có thể giảm bớt số lượng yêu cầu như:
- Nội tuyến JavaScipt (chỉ khi nó rất nhỏ)
- Sử dụng CSS Sprites
- Giảm bớt lượng nội dung của các plugin bên thứ 3 làm tăng lượng yêu cầu ở bên ngoài
- Không sử dụng framework bên thứ 3 trừ khi thật sự cần
- Dùng ít code hơn!
- Kết hợp file CSS và JS
3. Giảm bớt CSS và JavaScript
Giảm thiểu tài nguyên có nghĩa là xóa những ký tự không cần thiết trong HTML, JavaScript, và CSS của bạn mà không cần phải tải, như là:
- Những ký tự khoảng trắng (white space)
- Ký tự xuống dòng
- Comment
- Dấu phân cách
Điều này tăng tốc thời gian tải của bạn vì nó giảm lượng code phải được yêu cầu từ server.
Plugin giảm thiểu cho hệ thông công việc tự động
JavaScript
- Grunt: grunt-contrib-uglify
- Gulp: gulp-uglify
CSS
- Grunt: grunt-contrib-cssmin
- Gulp: gulp-minify-css
Nếu bạn đang dùng WordPress bạn cũng có thể giảm thiểu CSS và JavaScript với WordPress Cache Enabler.
4. Giảm độ trễ CDN
CDN (Content Delivery Network) có thể hiểu là một hệ thống các server được đặt rải rác ở nhiều nơi, làm nhiệm vụ lưu bản sao của các nội dung tĩnh bên trong website, sau đó phân tán nó ra nhiều máy chủ khác (được gọi là PoP – Points of Presence) và từ các PoP đó nó sẽ gửi tới cho người dùng khi họ truy cập vào website.
