9 Cách tăng tốc độ tải trang web đạt 100 điểm

Tăng tốc độ tải trang web

Tốc độ tải trang web ảnh hưởng rất lớn đến trải nghiệm người dùng và thứ hạng trang web. Một trang web mà chạy đến gần nửa phút chưa tải xong thì người dùng không bỏ đi mới lạ.

Bởi vậy tốc độ tải trang rất quan trọng đặc biệt đối với các trang web bán hàng. Cứ mỗi giây trôi qua có thể rất nhiều khách hàng của bạn đã bỏ đi vì chờ quá lâu mà không load được sản phẩm.

Trong bài viết này, tôi sẽ chia sẻ cho các bạn 9 cách tăng tốc độ tải trang web giúp trang của bạn chạy nhanh và mượt.

Công cụ kiểm tra tốc độ tải trang mà tôi muốn tối ưu ở đây chính là Google Pagespeed Insights. Trang web đang gấp lắm rồi, tối ưu tốc độ tải trang ngay thôi!

Lựa chọn hosting thông minh

Có rất nhiều nhà cung cấp host, khác nhau nhưng không phải chất lượng nhà nào cũng giống nhau.

Nếu bạn đang sử dụng host miễn phì thì có thể bỏ qua phần này bì bạn không thể tối ưu được nó.

Nếu chất lượng hosting của bạn quá kém dẫn đến thời gian phản hồi yêu cầu người dùng quá chậm. Mình đề nghị rằng bạn nên chuyển sàn hosting mới hoặc nâng cấp hosting lên để trang web có thể chạy mượt nhất.

Một số hosting bạn có thể sử dụng:

  •  A2Hosting (có máy chủ Singapore)
  • StableHost
  • Arvixe (có server Hongkong)
  • Bluehost
  • HostGator

Đều là các host tốt cho WordPress, tương thích với nhiều plugin. Ngoài ra bạn có thể sử dụng dụng dịch vụ CloudFlare để tối ưu hóa tối đa tốc độ website của mình.

Nếu số lượng website quản lý lớn, bạn nên sử dụng VPS (đầu tư server) mà mình bạn sử dụng, không phải chung đụng với ai cả.

Có rất nhiều nhà cung cấp VPS ngon như:

  • Vultr
  • DigitalOcean
  • Linode

Đều có server khá ngon, bạn cứ từ tìm hiểu và trải nghiệm nhé!

Tránh chuyển hướng trang đích

Chuyển hướng trang đích nghĩa là khi bạn đi vào một trang nào đó rồi bị redirect về một trang khác.

Bạn có thể tham khảo thêm: Chuyển hướng 301 là gì? để hiểu hơn về loại chuyển hướng trang đích này!

Trường hợp này thường gặp các trang www.domain.com (có www). Khi bạn truy cập bị chuyển hướng thì thời gian tải trang sẽ mất từ 1 đến 2 giây rồi.

Do đó mình khuyến cáo nếu bạn không nên sử dụng tên miền có chứa (www). Trong trường hợp bạn đang sử dụng tên miền này, bạn nên nâng cấp nó lên https để trang của bạn bảo mật tốt hơn và chạy mượt hơn nhé!

Nén các tệp ở trên trang

Web server sẽ nén các tệp trang web dưới dạng gzip thay vì dữ liệu dạng thô thông thường. Lúc này trình duyệt sẽ hiển thị nội dung đã được nén, dung lượng nhỏ hơn thì thời gian tải sẽ nhỏ hơn.

Cũng giống như bạn nén dung lượng ảnh lại vậy. Dung lượng ảnh nhỏ hơn sẽ khiến thời gian tải giảm đáng kể.

Chắc là bạn hiểu ý mình nói phần này chứ.

Việc nén này giúp bạn giảm 50% đến 70% dung lượng trước khi nén. Tính ra là cả một con số đáng kể phải không?

Một số các plugin wordpress hỗ trợ việc này đó là:

W3 Total Cache

Bạn có thể bật tính năng nén Gzip tại Performance -> General Settings -> Browser Cache.

Bật gzip cho w3 total cacher

Bật gzip cho w3 total cacher

Sau đó bạn vào Performance -> Browser Cache và đánh dấu vào tất cả tuỳ chọn “Set expires header“.

WP Super Cache

Đối với WP Super Cache thì bạn có thể bật Gzip bằng cách vào Settings -> WP Super Cache -> Advanced

Sau đó bạn tích vào ô như hình dưới:

Bật gzip wp super cache

Bật gzip wp super cache

Cải thiện thời gian phản hồi máy chủ

Việc này có nghĩa là tối ưu host hoặc máy chủ bạn đang sử dụng. Mình không đề cập đến VPS ở đây nhé, vì trình độ của mình chưa đạt tầm đó.

Bạn có thể sử dụng các phương pháp sau:

Cải thiện bộ nhớ đệm trình duyệt

Mỗi khi trình duyệt tải các trang web nó sẽ lưu lại dữ liệu đệm (cache), các tập tin tĩnh, hình cảnh, CSS, thậm chí là các nội dung trang web bật trên gzip.

Bạn cho phép lưu lại cache người dùng truy cập lại sẽ được load nhanh hơn mà chưa cần thời gian phản hồi từ máy chủ.

Bộ nhớ đệm cache mình đang sử dụng là Cache Enabler. Bạn chỉ cần tải về và kích hoạt nó, mọi chuyện cache nó sẽ xử lý cho bạn.

Cache enabler trên kho plugin

Cache enabler trên kho plugin

Thêm thời hạn cache bằng CloudFlare

Phương pháp này chỉ sử dụng cho những bạn đang dùng cloundflare thôi nhé!

Thiết lập thời gian hết hạn của các tập tin tĩnh tại Caching -> Browser Cache Expiration.

Tối ưu CSS và javascrip

Khi kiểm tra lỗi trên google speed chắc bạn cũng thấy cảnh báo này phải không. Các tập tin CSS và javascrip của bạn quá lớn cần phải tối ưu lại.

Nếu bạn không biết code, tốt nhất không nên mò mẫm tối ưu phần này. Vì nó rất dễ gặp phải lỗi. Mình khuyên bạn nên sử dụng các plugin hỗ trợ nén các CSS và Javascrip.

Có 2 plugin mà bạn có thể sử dụng để làm việc này, đó là Speed Booster Pack (nên dùng), Better WP Minify.

Speed Booster Pack

Bạn tải plugin này về sau đó thiết lập như hình dưới:

Better WP Minify

Bạn cũng tải plugin này về và kích hoạt:

Nén dung lượng ảnh

Ảnh có dung lượng quá lớn là vần đề thường gặp với các trang thiên về SEO ảnh. Những trang về thiết kê nhà cửa, đồ họa, quần áo, cần có chất lượng ảnh cao nhưng lại không được quá nặng.

Vấn đề dung lượng ảnh lớn này cũng thường gặp rất nhiều. Để nén ảnh có khá nhiều cách, bạn có thể tham khảo một số các dưới đây.

Nén ảnh trước khi tải lên

Bạn nên sử dụng các phần mềm hoặc các trang web hỗ trợ nén ảnh trước khi tải lên.

Do số lượng ảnh cần nén ít nên mình thường sử dụng các trang nén ảnh trực tuyến như:

Nếu số lượng ảnh quá lớn, bạn nên  tải các phần mềm hỗ trợ nén ảnh về máy để dùng cho tiện.

Sử dụng plugin nén ảnh

Nếu trang của bạn cài quá nhiều plugin hỗ trợ rồi thì thôi nhé. Nếu trang bạn nào mới cài dưới 10 plugin có thể cài thêm để hỗ trợ cho việc nén ảnh tiện lợi hơn.

Hiện tại Plugin mình đang dùng là  imagify, plugin này sẽ chỉ hỗ trợ nén hơn 50MB cho ảnh tải lên. Bởi vậy nếu bạn muốn dùng thêm bạn có thể trả thêm phí để sử dụng.

Tối ưu việc chèn các CSS

Các đoạn chèn CSS bằng cách nhúng tập tin CSS vào website bằng thẻ <link> và nó đều thuộc loại render-blocking (chặn hiển thị).

Nếu website bạn có nhiều tập tin CSS được nhúng vào thì trình duyệt sẽ mất thêm thời gian đợi để xử lý các tập tin đó.

Để tối ưu các tệp này bạn có thể áp dụng kỹ thuật chỉ tải các đoạn CSS cần thiết và nhúng inline các đoạn CSS cần thiết đó vào website.

Phần này mình cũng không rành lắm nên mình cũng không dán chia sẻ nhiều sợ ăn gạch đã vỡ đầu. Vì vậy mình chỉ để chung chung, các thánh tự mình tìm hiểu nhé!

Sử dụng chiến dịch tải từng phần

Tải từng phần nghĩa là sao? Rất đơn giản, người xem kéo đến đâu trang web sẽ tải đến đó. Bằng phương pháp tải từng phần này tiết kiệm được rất nhiều thời gian để load trang. Từ đó giúp tăng tốc độ tải trang lên đáng kể.

Nếu bạn muốn nhanh chóng có thể sử dụng plugin Lazy Load by WP Rocket. 

Lazy Load by WP Rocket

Lazy Load by WP Rocket trên kho plugin

Bạn chỉ cần tải về và kích hoạt nó sẽ tự động tối ưu cho bạn.

Khi bạn tối ưu tốc độ tải trang của mình đến đây rồi bạn quay lại google speed insights để xem trang của mình đã nhanh hơn chưa nhé!

Kết Luận

Tốc độ tải trang thực sự là rất quan trọng, hãy cân nhắc và tối ưu tốc độ tải trang thật tốt. Hy vọng bài viết mang lại hiệu quả cho các bạn. Nếu có bất cứ câu hỏi hoặc lời nhắn vui lòng để lại comment cuối bài viết.

Chúc các bạn thành công!

 


Hậu Bùi là một chàng trai có niềm đam mê với marketing. Tốt nghiệp chuyên ngành Marketing, đã chinh chiến trong lĩnh vực marketing hơn 3 năm. Mong muốn chia sẻ những kiến thức thực chiến marketing đến những người có cùng đam mê.

Leave a Reply

Your email address will not be published. Required fields are marked *

Hãy cho GADVN biết một số thông tin về bạn

Hãy cho Gadvn biết 1 số thông tin của bạn


.