Cải thiện Google Page Speed Insights cho WordPress

Một website khi mới xây dựng thường đạt tốc độ load web ấn tượng, vì sao? vì lúc đó bạn chưa cài đặt gì nhiều, chưa cài nhiều plugin, template cũng chưa tinh chỉnh, bài viết thì lẹt đẹt vài bài. Vì thế tốc độ load sẽ rất nhanh. Nhưng khi sử dụng được một thời gian, bạn sẽ nhận thấy tốc độ rõ ràng giảm đi đáng kể, mặc dù đã dùng nhiều plugin tối ưu hóa database, xóa rác, nhưng tốc độ vẫn không cải thiện. Với bài viết này, iZdesigner sẽ giúp các bạn tìm ra cách khắc phục và đạt số điểm trên 95 khi test với Google Page Speed Insights

1. WordPress có tất cả, và bạn không cần phải biết tí gì về code
Với những bạn đang sợ rằng, để tối ưu bất cứ cái gì liên quan tới web thường phải có một kiến thức nhất định, nhưng với WordPress bạn sẽ không cần phải có nhiều kiến thức code, vì đơn giản nó đã có rất nhiều plugin hỗ trợ cho việc này rồi. Chỉ cần bạn biết một vài thủ thuật nhỏ sử dụng các plugin này là bạn đã tối ưu hóa được website wordpress của mình

2. Điều khiển được file .htaccess
File htaccess nắm một vai trò quan trọng trong việc sử dụng PHP nói chung và wordpress nói riêng, nếu bạn nắm vừng quá trình vận hành của file này xem như website bạn sẽ hoạt động ổn đinh, gần đây nhất là bài viết sử dụng file .htaccess để bảo vệ trang đăng nhập của wordpress

Với bài viết này gần như bạn sẽ sử nhiều trong việc edit file này, vì thế bạn nên sử dụng 1 plugin giúp edit file này trực tiếp trong Backend của wordpress. Bạn có thể sử dụng Plugin WP htaccess editor hoặc trong plugin WordPress SEO by yoast cũng hỗ trợ việc này nhé việc này chỉ đơn giản là giúp bạn đỡ vất vã trong việc mở ra source rùi update. Lưu ý, bạn phải set CHMOD file .htaccess bằng 777 trước khi sử dụng nhé

1. Bật chế độ nén HTML (HTML Compression)
Việc nén HTML, nó sẽ làm giảm tải kích thước các file html hoặc các đoạn code khi chúng được tải lên mạng. Tất cả bài viết trong WordPress đều được định dạng bằng HTML, vì thế khi HTML được nén lại sẽ làm tăng tốc độ load website của bạn cộng với đó, thứ hạng của bạn trên Google cũng sẽ được tăng cao hơn

Giải pháp cho vấn đề này rất đơn giản, bạn chỉ cần cài đặt và active plugin WP HTML Compression . Sau khi plugin được Active, nó sẽ hoạt động một cách tự động mà bạn không cần phải cấu hình hoặc tinh chỉnh gì nhiều

2. Bật chế độ nén HTTP (HTTP Compression)
Điều gì sẽ xảy ra nếu chế độ này không được bật ? Nó gần như tương tự với việc bật chế độ nén HTML, chỉ khác ở chỗ HTTP này bao gồm tất cả các file (như JavaScripts, CSS, HTML, XML, Plain, Favicon,v.v…) Việc này có thể giúp website tăng từ 60-80% tốc độ load web.

Để bật chế độ này, có 2 cách một là bạn thêm các dòng code bên dưới vào file .htaccess, hai là bạn sử dụng plugin WP HTTP Compression

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddType x-font/otf .otf
AddType x-font/ttf .ttf
AddType x-font/eot .eot
AddType x-font/woff .woff
AddType image/x-icon .ico

3. Bật Gzip dành cho hình ảnh
Đây là chế độ nén hình ảnh xuống mức thấp nhất nhưng vẫn ko làm giảm chất lượng ảnh. Một Blog trung bình thường có khoảng vài trăm đến vài ngàn tấm ảnh được post, nếu chỉ để ở chất lượng bình thường website sẽ rất dễ bị giảm chất lượng và giảm tốc độ load web. Cơ chế của Gzip là nén các hình ảnh lại nhưng vẫn giữ được chất lượng, trung bình 1 tấm ảnh sẽ được nén xuống khoảng 20%.

Để sử dụng chức năng này, tất cả những gì bạn làm chỉ là cài đặt plugin WP Smush.it

4. Làm sạch Header
Đây là cách mà bạn phải tối ưu hóa Header và Footer khi website được load lên. Để làm được việc này bạn cũng chỉ cần sử dụng Plugin Head Cleaner.

5. Minify CSS and JSĐây là cách mà bạn tối ưu CSS và JS, một template càng đẹp thì sử dụng càng nhiều hiệu ứng và thường file CSS khá nặng khi load hoàn tất, vì thế việc Minify CSS và JS rất có ý nghĩa trong việc tăng tốc độ load website.

Bạn có thể sử dụng Plugin WP Minify để tối ưu CSS và JS nhé. Nhưng mình có một lưu ý nhỏ đó là nếu bạn đang sử dụng tính năng này từ plugin Head Cleaner thì bạn sẽ không cần dùng đến pluginWP Minify nữa nhé. Hiện tại khi test plugin này trên một số server tại Viêt Nam mình thấy độ hỗ trợ chưa tốt bằng Head Cleaner, vì thế nếu bạn sử dụng và gặp lỗi màn hình trắng, bạn chỉ cần vào và xóa plugin này đi thôi nhé

6. Optimize Database
Tối ưu hóa Database, đây cũng là việc mà bạn nên làm thường xuyên, hãy tự tạo cho mình thói quen dọn dẹp hệ thống hàng tuần, tạo các bản backup tự động, v.v… Bạn nên dùng một plugin mà các website wordpress hay dùng đó là WP Optimize
7. JavaScript in Footer 
Một trong những nguyên nhân khiến website bạn load chậm chập đó là trong lúc truy cập các đoạn code Javascript được load đồng loạt với website, nên sẽ làm giảm rất nhiều tốc độ load web. Việc cần làm là chuyển các đoạn code này xuống Footer để tăng hiệu quả load website.

Nếu bạn không rành code, hãy sử dụng plugin JavaScript to Footer ,đây là một plugin khá hay hỗ trợ bạn tốt cho công việc này.
8. Tắt bớt Plugin không sử dụngMột việc làm nhỏ nhưng không bao giờ thừa, việc cài đặt nhiều plugin mà không sử dụng tới, lâu ngày sẽ làm cho website trợ nên chậm chạp vì sự xuất hiện của plugin này, vì thế hãy vào ngay mục quản lý plugin và tắt bớt các plugin không sử dụng để website đạt tốc độ load nhanh hơn
9. Giảm tải các yêu cầu website
Giảm thiểu bằng cách kết hợp các file JS và CSS thành một để tiện cho việc tải trang. Hiện tại trong plugin Head Cleaner có hỗ trợ cho việc này. Bạn hãy tìm hiểu thêm nhé.
10. Sử dụng tính năng tải ảnh khi cuộn trang tới Lazy Load Images là cách mà nhiều website vẫn đang sử dụng, đó là việc hiển thị hình ảnh đó lên khi người dùng scroll tới.Đây là một việc mà bạn sẽ thấy ngay độ hiệu quả, rõ ràng hình ảnh luôn là một vấn đề nhức nhối cho người làm website, muốn tải nhanh thì web phải ít hình ảnh, nhưng hình ảnh luôn là một phần quan trọng trong một bài viết. Vì thế hãy áp dụng ngay việc này vào website của bạn nhé.

Để làm việc này bạn có thể sử dụng plugin Bj Lazy load .Lời kết
Thấy không, bạn không cần phải là một người giỏi code, bạn vẫn có thể tối ưu hóa và tăng tốc độ tải trang web của bạn. Và bây giờ hãy vào ngày website Google Page Speed Insights để kiểm chứng kết của đi nhé.