10 Bước – Tăng tốc độ tải trang theme Flatsome

Tối ưu tốc độ tải trang là một bước rất quan trọng trong SEO website. Người dùng có ở lại trang web của bạn lâu hay không một phần cũng nhờ vào một website load nhanh. Ở bài viết này mình sẽ hướng dẫn các bạn 10 bước để tối ưu tốc độ tải trang theme flatsome wordpress nhé. Lưu ý là một số yếu tố các bạn không dùng theme flatsome cũng có thể áp dụng được.

Lưu ý trước khi thực hiện: Luôn “Backup dữ liệu” để tránh lỗi theme các bạn nhé!

Tối ưu hình ảnh trên website của bạn

Vào trong folder wp-content/uploads/ các bạn sẽ thấy hình ảnh bị crop ra nhiều file khác nhau, từ 1 ảnh 200KB thì bây giờ nó lại lên tới 1.3MB tổng dung lượng các file.

Vì vậy bạn chèn  code sau & copy vào functions.php để tắt tính năng auto crop, wordpress sẽ không sinh ra nhiều file nữa.

function vdh_disable_crop( $enable, $orig_w, $orig_h, $dest_w, $dest_h, $crop ) { return false; } function vdh_disable_extra_image_sizes() { foreach ( get_intermediate_image_sizes() as $size ) { remove_image_size( $size ); } } add_action( 'init', 'vdh_disable_extra_image_sizes' ); add_filter( 'image_resize_dimensions', 'vdh_disable_crop', 10, 6 );

Sử dụng các hình ảnh nhẹ <200KB và tối ưu về dạng Webp

Các bạn dùng WordPress thường tải lên ảnh rác không quan tâm kích thước, khiến trang web bị nặng. Vì vậy bạn nên nén hình ảnh trước khi tải lên, ưu tiên sử dung hình ảnh .Webp để theme flatsome load nhanh hơn nhé.  Các bạn có thể dụng một số công cụ online để nén ảnh hoặc sử dụng photoshop. Mức lý tưởng nhất cho một hình ảnh tốt là <200kb cao hơn cũng được nếu bạn sử dụng VPS.

Xóa các hình ảnh thừa không sử dụng

Các bạn vào phần quản trị, vào Media => Chưa được đính kèm, kiểm tra & xóa những ảnh không dùng tới. Đây là phần hình ảnh không tồn tại ở bất kì bài viết hay san phẩm nào cả, bên bạn có thể xóa thoải mái nhé. Nếu cẩn thận hơn các bạn nên check lại một lượt.

Giảm thiểu revision không dụng tới

Đây là một khai niệm khá xa lạ, nhưng các bạn chỉ cần hiểu WordPress có cơ chế mặc định là sẽ tự động lưu trạng thái bài viết khi chỉnh sửa. Vì vậy nó sẽ làm nặng bảng truy vấn Database của các bạn. Cách sử lý rất dễ:

Chèn đoạn code sau vào functions.php & chạy là okee:

add_action('init', function(){ global $wpdb; $wpdb->delete($wpdb->prefix.'posts', array('post_type' => 'revision')); });

Các bạn cứ chèn vào bấm lưu lại là xong nhé!

Sử dụng ít Plugin và ưu tiên các plugin nhẹ

WordPress có vô vàn các plugin hữu ích, có những plugin chúng tích hợp rất nhiều các chức năng. Có chức năng thì bạn dùng có chức năng thì bạn không dùng. Vì vậy nên ưu tiên các pluign nhẹ chỉ tập chung vào chức năng bạn cần thôi nhé.

Hoặc bạn có thể tự code ra một plugin có chức năng mà mình mong muốn, hiện tại các AI đang hỗ trợ rất nhiều cho các bạn không rảnh về code như mình.

Sử dụng công nghệ Cache

Đây là một công nghệ bộ nhớ đẹp rất tốt cho wordpress, nó giúp giảm thiệu truy vấn Databasecủa bạn. Bạn có thể dụng plugin cache như: WP Super Cache (miễn phí), LiteSpeed Cache (miễn phí), WP Fastest Cache (miễn phí), WP Rocket (trả phí).

Áp dụng Lazy Load, Ajax

Lazy Load là một công nghệ tải chậm hình ảnh, nó giúp người dùng vào trang web của bạn nhanh hơn ở thời điểm ban đầu. Với theme flatsome đã tính hợp sẵn Lazy Load cho bạn sử dụng hoặc các plugin cache cũng tích hợp sẵn.

Sử dụng Hosting & VPS tốt

Đây là điều quan trong nhất với tốc độ load website của bạn, tốc độ load nhanh hay chập phụ thuộc phần lớn vào Hosting & VPS mà bạn đang sử dụng. Hiện nay có rất nhiều nhà cung cấp Hosting & VPS uy tín và họ sẵn sàng hỗ trợ bạn 24/7.

Mình sẽ ý cho bạn một vài nhà cung cấp mà mình tin dùng nhé: Azdigi, Bnix …..

Delay load link nhúng (embed)

Một vài website có nhúng link Youtube video vào để người dùng tiện theo dõi, nhưng lại gây ra 1 vấn đề là sẽ khiến website nặng nề hơn khi load dữ liệu thêm từ Youtube. Giải pháp: Khi người dùng cuộn trang đến phần Youtube mới load video về, không load sẵn khi vừa tải trang.

Trên là một vài kỹ thuật mà mình thấy nó hiệu quả, tuy nhiên có vô vàn các yếu tố khác cũng ảnh hưởng rất lớn tới tốc độ tải trang. Mình sẽ cập nhật thường xuyên vào bài viết này để các bạn có thể tiện theo dõi nhé!