Share 17 Cách để tăng tốc độ load Web để tăng người truy cập

Tốc độ load Web nên đặc biệt được chú ý đến đối với các trang Web có nhiều nội dung hình ảnh, nội dung lớn như Web tin tức, Web báng hàng online như sàn TMĐT, Web đọc truyện chữ, Web truyện tranh. Có rất nhiều nhóm dịch truyện tranh gốc không cạnh tranh bằng các Web chuyên leak trộm truyện đã dịch sang tiếng việt từ nhóm dịch. Mặc dù đã dùng hệ thống CDN – tải hình ảnh Cloud nhưng vẫn không nhanh được như Web chuyên leak truyện.

Thời gian là tài sản quý giá nhất của chúng ta.

Đây là lý do tại sao chúng ta chi tiêu nhiều hơn vào công nghệ từ smartphone thông số kỹ thuật cao hơn đến kết nối internet đắt tiền đến các ứng dụng năng suất và giống như tất cả những thứ này, tốc độ trang web cũng quan trọng.

Không có gì khó chịu hơn việc mở trang web và đợi chờ 3 – 4 giây để load xong 1 trang Web. Nếu bạn có thể làm cho người đọc cảm thấy tốc độ load Web ở tốc độ 1 đến 2 giây đầu, bạn đã thành công để kéo traffic – tăng lượng người truy cập.

Khi khách hàng truy cập trang web của bạn, bạn chỉ có vài giây để thu hút sự chú ý của họ, với một trang web tải chậm, tất cả ngân sách marketing của bạn sẽ trở nên lãng phí khi bạn mất khách hàng trong lần truy cập đầu tiên của họ.

Tại sao tốc độ load Web lại quan trọng?

Một nghiên cứu của Saohaviuong cho  thấy:

  • Trong tổng số người dùng trang web trong nghiên cứu của họ, 47% trong số họ mong đợi một trang web tải trong hai giây hoặc ít hơn.
  • 40% sẽ từ bỏ một trang web nếu mất hơn ba giây để tải.
  • 52% người mua sắm online nói rằng việc tải trang nhanh chóng là rất quan trọng đối với sự trung thành của họ đối với một trang web.

Tốc độ trang web không phải là một số liệu phù phiếm, theo Google, họ coi tốc độ trang web khi xác định thứ hạng của công cụ tìm kiếm.

Theo KISSmetrics, các trang web mất hơn 4 giây để tải có thể mất tới 25% khách truy cập và nếu chậm 10 giây để tải một trang, 35-40% khách có thể bị mất.

Quảng cáo

Sẽ không sai khi trang web tải nhanh không chỉ là yếu tố quan trọng để xếp hạng tốt trong Google mà còn cho lợi nhuận của bạn, vì nó ảnh hưởng trực tiếp đến doanh thu của bạn .

Công cụ đo điểm chuẩn

Điểm chuẩn rất quan trọng đối với chúng ta khi chúng ta đang cố gắng đạt được điều gì đó. Có một số công cụ online mà bạn có thể sử dụng để kiểm tra thời gian tải của trang web và cũng có các đề xuất để bạn có thể tăng tốc độ trang web của mình.

  • Google PageSpeed insights là yêu thích của tôi và là thông tin tốt nhất hiện có khi nói đến tính điểm chuẩn và nếu bạn muốn biết mình muốn khắc phục điều gì. Nó cho điểm trang web của bạn cho cả Máy tính để bàn và Thiết bị di động và nêu bật các vấn đề mà bạn có thể khắc phục để cải thiện điểm số và tốc độ trang web của mình.
  • GTmetrix  cũng cho điểm Tốc độ trang, điểm YSlow và thời gian tải trang của bạn, đồng thời so sánh nhiều url để xem vị trí của bạn.
  • Pingdom là một dịch vụ cao cấp cho biết thời gian tải trang web của bạn.

Những công cụ này ở đó để cho bạn biết bạn đã làm tốt như thế nào và đánh giá trang web của mình như thế nào, những công cụ này cũng đưa ra gợi ý nhưng đó không phải là toàn bộ bức tranh.

Share 17 Cách để tăng tốc độ load Web nhanh nhất có thể để tăng người truy cập

Dưới đây, bạn sẽ tìm thấy những cách chắc chắn để Tăng tốc độ trang web của mình.

1. Dùng Premium Web Hosting

Máy chủ lưu trữ web của bạn là xương sống của trang web của bạn. Nó sẽ cung cấp thời gian tải nhanh cho một khách truy cập đến một triệu người trong số họ nếu bạn nhận được sự lan truyền hoặc quản lý để có được nhiều lưu lượng truy cập. Vấn đề là, nếu bạn đang chạy trên một dịch vụ lưu trữ được chia sẻ như Bluehost , hãy lưu ý rằng ngay cả khi họ đã giới thiệu các gói nâng cao như Managed WordPress Hosting  và VPS.

Chúng tôi đã có kinh nghiệm tốt với Bluehost, tuy nhiên chúng tôi cũng khuyên bạn nên sử dụng các dịch vụ lưu trữ này.

  • SiteGround  – Một trong những nhà cung cấp Hosting cao cấp sau Bluehost, họ có máy chủ ở 3 châu lục cho mỗi gói của họ và CDN miễn phí với 23 địa điểm. Sao lưu hàng ngày và WordPress SuperCache là một điểm cộng.
  • WP Engine  –Nó chỉ được tạo cho WordPress và có tốc độ cực nhanh, nếu bạn không kén chọn giá cả và chỉ chạy WordPress thì WP Engine là một lựa chọn tuyệt vời.
  • Rackspace – Cung cấp năng lượng cho một số trang web lớn nhất trên thế giới ngay bây giờ, nếu bạn là một công ty lớn đang tìm kiếm Cloud Hosting, Rackspace có nó cho bạn.

Khuyên dùng : Vultr – Cung VPS và Dịch vụ Chuyên dụng tốt nhất.

Quảng cáo
Check giá Hosting, Server tại Vulr

Nếu Web Hosting của bạn không có cơ sở hạ tầng vững chắc, bạn nhất định gặp phải thời gian tải chậm và nếu lưu lượng truy cập đạt đỉnh, khách truy cập của bạn có thể thấy rằng trang web của bạn không hoạt động, vì vậy hãy đảm bảo bạn đưa ra lựa chọn lưu trữ phù hợp ngay từ đầu.

2. Sử dụng CDN (Mạng phân phối nội dung)

Mạng phân phối nội dung giúp giảm tải từ dịch vụ của bạn và tăng hiệu suất trang web của bạn. CDN sao chép các phần tử tĩnh của trang web của bạn trên một mạng lưới các máy chủ trên toàn cầu để khi khách truy cập vào trang web của bạn, nó sẽ tìm nạp hoặc tải lên nội dung từ máy chủ gần nhất.

Chúng giảm đáng kể thời gian tải trang web có nghĩa là trải nghiệm người dùng tốt hơn, chi phí lưu trữ thấp hơn và xếp hạng công cụ tìm kiếm cao hơn. Một máy chủ web tốt và một CDN tốt là sự kết hợp tuyệt vời.

Mặc dù CloudFlare khá tốt, nhưng chúng tôi khuyên bạn nên sử dụng MaxCDN vì đây là mạng CDN tốt nhất và đáng tin cậy nhất trên thị trường hiện tại.

3. Tối ưu hóa hình ảnh

Kích thước hình ảnh lớn là một trong những lý do chính không liên quan đến kỹ thuật lập trình khiến các trang tải chậm, trong khi về bản chất, chúng thực sự có thể tăng thêm thời giai tải trên máy chủ của bạn. Nhiều khi bàn giao Source Web sau khi hoàn thành ngon lành nhưng tốc độ chạy thực tế lại cực kỳ chậm, nếu dã thử 2 cách trên mà không tăng tốc load trang thì do người biên tập nội dung chưa tối ưu hóa hình ảnh. Đó là lý do tại sao Web bạn cần tối ưu hóa chúng để tăng tốc độ trang web của mình.

Quảng cáo

Ví dụ thực tế :

1 bìa truyện có kích thước gốc là 750×1000 với dung lượng khoảng 1.32 MB sau khi nén xuống chỉ còn 244 KB. Tức là giảm khoảng 80% dung lượng tải hình ảnh trên trang, giảm 80% băng thông CDN (gánh nặng máy chủ).

Nếu bạn đang sử dụng WordPress. các plugin như  EWWW Image Optimizer  & plugin WP Smush.it  giúp giảm kích thước file hiện có bằng cách nén chúng. Nếu bạn là người không sử dụng wordpress, hãy xem  Kraken  là một dịch vụ tối ưu hóa hình ảnh tuyệt vời.

Lời khuyên:

  • Cố gắng lưu ở định dạng JPEG làm lựa chọn đầu tiên, sau đó là PNG và GIF.
  • Người dùng Adobe Photoshop có thể sử dụng phím tắt CTRL + SHIFT + ALT + S  để lưu hình ảnh được tối ưu hóa cho Web.
  • Cắt hình ảnh của bạn theo kích thước chiều rộng trang của bạn. Không tải lên Hình ảnh HD 2500px cho trang rộng 600px.
  • Làm sạch mã của bạn bằng cách kiểm tra các  thẻ <img src = ””>. Trong trường hợp không có bất kỳ hình ảnh nguồn nào được chỉ định trong dấu ngoặc kép, trình duyệt vẫn gửi yêu cầu và mất thêm thời gian.

Lỗi mà hơn 90% Website mắc phải là cắt hình ảnh không đúng kích thước (Crop image). Thường xuất phát từ việc không tối ưu CODE tự động crop hình ảnh thumbail đúng kích thước.

Ví dụ 1 : Trang danh mục con

Yêu cầu chỉ 180 x 260 pixel mà để nguyên kích thước 750 x 1000.

Quảng cáo

Ví dụ 2 : Trang sản phẩm, tin tức

Trang đọc truyện ở chiều ngang chỉ 1080 pixel

Hình ảnh gốc lại lên đến 1200 pixel

Ví dụ 3 : Banner quảng cáo

Thường Banner quảng cáo phải đạt độ chính xác màu sức tối ưu, có độ phân giải cả ngàn pixel trở lên. Nhưng khi upload lên Web thì lại “quên” không giảm kích thước cần.

Kích thước Banner chỉ cần 936×376

Trong khí đó lại lên tới 2100×844 pixel

Quảng cáo
Nhau mèo đen : 1 vị thuốc, 1 phong thủy

4. Bật bộ đệm trình duyệt

Điều này rất quan trọng đối với khách truy cập trở lại vì mỗi khi khách truy cập vào trang web của bạn, trình duyệt của họ sẽ tải xuống tất cả các file như file hình ảnh, css, file java.

Quảng cáo

Sau khi bạn bật bộ nhớ cache của trình duyệt, các file tĩnh sẽ được lưu trữ trên trình duyệt của khách truy cập, do đó,  lần sau khi khách truy cập quay lại trang, nó sẽ tải nhanh hơn , vì trình duyệt đã có các file đó được truy xuất thay vì tải xuống lại.

Nếu bạn sử dụng đang sử dụng WordPress, plugin W3 Total Cache  là một trong những plugin cần phải có để tối ưu hóa hiệu suất.

5. Cài đặt Google PageSpeed

Bạn có thể yêu cầu công ty Lưu trữ web của mình Cài đặt Mô-đun Tốc độ trang của Google  trên máy chủ.

Vì nó thuộc sở hữu của Google, chúng tôi thực sự khuyên bạn nên điều này vì nó tăng tốc trang web của bạn bằng cách tự động quản lý các  trang và nội dung liên quan (CSS, JavaScript, hình ảnh). SiteGround  đã cung cấp mô-đun này từ năm ngoái  mà bạn có thể kích hoạt bằng một cú nhấp chuột.

6. Cập nhật CMS thường xuyên

Nếu bạn đang sử dụng WordPress hoặc bất kỳ CMS nào khác phát hành bản cập nhật, hãy nhớ kiểm tra thường xuyên vì chúng bao gồm các bản sửa lỗi và thường giúp tăng hiệu suất của trang web bằng cách làm cho chúng nhẹ hơn và tải nhanh hơn.

Lưu ý:  Đảm bảo kiểm tra trang web thử nghiệm để xem liệu các bản cập nhật mới nhất có tương thích với lưu trữ của bạn không hoặc chúng có hoạt động tốt hơn phiên bản hiện tại hay không, nếu không phải đợi bản phát hành cuối cùng.

Quảng cáo

7. Cập nhật chủ đề của bạn

Nếu bạn đã mua build Web của mình từ lập trình viên hoặc bất kỳ nhà cung cấp chủ đề chuyên biệt nào, hãy đảm bảo xem những bản cập nhật nào đã được đưa vào bản phát hành mới nhất. Rất nhiều thời gian chúng bao gồm cấu trúc mã tốt hơn, khả năng tương thích với các phiên bản trình duyệt hoặc CMS mới nhất.

8. Loại bỏ các tính năng không cần thiết

Chúng tôi yêu thích các plugin vì chúng bổ sung các tính năng không có sẵn theo mặc định trong các chủ đề. Tuy nhiên, bạn càng có nhiều plugin, trang web của bạn càng chậm vì chúng yêu cầu tải các file css và javascript. Rất nhiều plugin bí mật cài đặt các tập lệnh theo dõi để thu thập dữ liệu, điều này ảnh hưởng đến thời gian tải trang.

Nếu bạn chưa xem xét kho chứa plugin của mình, hãy đảm bảo thực hiện kiểm tra và cũng xem liệu bất kỳ tính năng nào bạn đang sử dụng thông qua các plugin bên ngoài có thể được mã hóa với chủ đề của bạn hay không. Điều này sẽ giảm tải thêm từ trang web của bạn.

Một số tính năng hay gây chậm tải Web, Saohaivuong khuyên bạn nên gỡ bỏ để tăng tốc độ load Web như Phát hiện chặn quảng cáo trên trình duyệt

Phát hiện và thông báo dạng Pop-up toàn trang chủ (và cả trang con) khi người truy cập dùng tính năng chặn quảng cáo. Nếu muốn thì chỉ nên chặn ở trang danh mục con, đừng chặn trang chủ Website.

Tính năng phát hiện quảng cáo này có lợi để kiếm tiền ở các dịch vụ như Google Adsense. Nhiều Webmaster nghĩ sẽ tăng lượng người click, tỷ số hiển thị RPM lên và đúng là có thật. Nhưng vô tình làm giảm lượng người truy cập vì Website load chậm thêm từ 0.5 – 2 giây để load Web cho hơn cho cả người không dùng chặn quảng cáo.

9. Tránh nhiều tập lệnh theo dõi

Như đã thảo luận ở trên, rất nhiều plugin của bên thứ ba cài đặt tập lệnh theo dõi nhưng chủ yếu là chúng tôi tự làm.

Quảng cáo

Mặc dù điều quan trọng là phải theo dõi dữ liệu và phân tích, hãy đảm bảo rằng bạn không bị ám ảnh quá nhiều với các tập lệnh lạ mắt. Thông thường một vài trong số chúng là đủ để thực hiện công việc, ví dụ như Google Analytics kết hợp với các dịch vụ như CrazyEgg, Clicktale hoặc Visual Website Optimizer.

10. Giảm thiểu RTT (Thời gian khứ hồi)

Khi chúng ta đi sâu vào các khía cạnh kỹ thuật của việc tối ưu hóa tốc độ, điều đầu tiên là giảm thiểu số RTT. Thời gian khứ hồi hoặc RTT đề cập đến các yêu cầu được gửi đến trình duyệt của mọi người khi họ truy cập trang web của bạn.

Bây giờ vấn đề ở đây không phải là kích thước của file mà là số lượng và số lượng yêu cầu đang được gửi vì mỗi yêu cầu mất thời gian riêng biệt. Số lượng plugin bạn sử dụng cũng làm tăng số lượng yêu cầu HTTP được gửi để tải các file css, javascript và hình ảnh riêng lẻ.

Google đã xuất bản một hướng dẫn hữu ích  mà bạn có thể gửi cho nhà phát triển của mình để giảm yêu cầu http bằng cách làm cho nó gọn gàng hơn.

Đây là các bước sau giúp giảm yêu cầu http.

  • Hợp lý hóa số lượng phần tử trên trang của bạn.
  • Sử dụng CSS thay vì hình ảnh bất cứ khi nào có thể.
  • Kết hợp nhiều biểu định kiểu thành một.
  • Giảm các tập lệnh và đặt chúng ở cuối trang.

11. Giảm chuyển hướng cho thiết kế Responive

Tương tự như plugin, chuyển hướng tạo ra các yêu cầu HTTP bổ sung và làm cho trang web của bạn chậm hơn, vì vậy điều quan trọng là phải giảm chuyển hướng.

Chuyển hướng HTTP thường xảy ra khi khách hàng được chuyển hướng đến các URL dành riêng cho thiết bị, đây là trường hợp của trang web dành cho thiết bị di động khi chúng chuyển hướng đến một URL khác, ví dụ: www.omnicoreagency.com đến m.omnicoreagency.com

Quảng cáo

Bạn nên thực hiện chuyển hướng có thể lưu trong bộ nhớ cache, điều này sẽ làm giảm thời gian tải trang bằng cách  Sử dụng chuyển hướng 302  với thời gian tồn tại của bộ nhớ cache là một ngày. 

Mẹo:  Google đã lưu ý đến vấn đề này và đề xuất một số bước để giảm Chuyển hướng HTTP .

12. Kích hoạt tính năng nén

Nếu bạn muốn làm cho trang web của mình nhanh hơn, bạn cần làm cho trang web của mình gọn gàng hơn, giảm thiểu thời gian khứ hồi và chuyển hướng là một cách, nhưng bạn cũng có thể giảm thời gian thông qua việc nén kích thước của phản hồi HTTP.

Đây là lúc Gzip xuất hiện, có thể giảm kích thước phản hồi xuống gần 70% và tạo ra cơ hội lớn về thời gian tải trang.

Có các plugin thực hiện việc này cho bạn, ví dụ như plugin WP HTTP Compression  cho WordPress hoặc có thể sử dụng công cụ này có tên là  Gzip .

13. Giảm thiểu HTML, CSS và Javascript

Mặc dù khoảng trắng rất tốt cho thiết kế web, nhưng chúng không giúp ích nhiều khi nói về mã hóa.

Nhận xét HTML, phần CDATA, khoảng trắng thừa và các phần tử trống, tất cả đều chiếm thêm kích thước và làm cho tốc độ trang web chậm lại.

Quảng cáo

Nếu bạn muốn các file của mình tải xuống nhanh hơn, bạn có thể xóa khoảng trắng này trước khi phân phát mã của mình. Các plugin như  WP-Minify  &  W3 Total Cache  rất tốt để thu nhỏ file.

Dưới đây là đề xuất của Google để giảm thiểu các file HTML, CSS và Javascript:

  • Để giảm thiểu HTML, bạn có thể sử dụng  Tiện ích mở rộng PageSpeed ​​Insights của Chrome  để tạo phiên bản mã HTML được tối ưu hóa. Chạy phân tích trên trang HTML của bạn và duyệt đến quy tắc ‘Giảm thiểu HTML’. Nhấp vào ‘Xem nội dung được tối ưu hóa’ để nhận mã HTML được tối ưu hóa.
  • Để giảm thiểu CSS, bạn có thể thử  YUI Compressor  và  cssmin.js .
  • Để giảm thiểu JavaScript, hãy thử  Trình biên dịch đóng cửa ,  JSMin  hoặc  Trình nén YUI . Bạn có thể tạo một quy trình xây dựng sử dụng các công cụ này để rút gọn và đổi tên các file phát triển và lưu chúng vào thư mục sản xuất.

14. Đặt file CSS ở đầu

Thu nhỏ các file là chưa đủ, vị trí của các file cũng quan trọng không kém.

Cách tốt nhất, tất cả các biểu định kiểu liên quan đến thiết kế và giao diện nên được đưa vào phần <head> vì chúng tôi không muốn hiển thị một trang web chưa được đánh mẫu cho khách truy cập, ngay cả khi nó đang tải.

Bằng cách bao gồm các bảng định kiểu liên quan đến giao diện ngay từ đầu, thiết kế sẽ tải nhanh chóng và ngay cả khi tác động là mili giây, trải nghiệm người dùng sẽ không bị ảnh hưởng.

15. Đặt các file JS ở dưới cùng

Sau khi nội dung được tải, chúng tôi muốn các file liên quan đến chức năng của mình tải để khách truy cập nhìn thấy mọi thứ mà không bị chậm trễ.

Quy tắc rất đơn giản khi chúng tôi muốn đạt được những điều sau với cùng một thứ tự tuần tự:

Quảng cáo
  1. Đưa nội dung đến khách truy cập nhanh nhất có thể.
  2. Không cho phép nội dung chưa có tiêu đề xuất hiện trong trình duyệt (đặt  CSS  trong  <head>).
  3. Tải các file cần thiết cho tương tác (tiện ích con theo thẻ,  lệnh gọi API bên ngoài nhất định  , v.v.) sau cùng.

Hầu như Website nào ở Việt Nam cũng tích hợp Plugin trang hoặc Like, Share từ Fanpage Facebook. Nếu lập trình viên bạn không có đủ trình độ để lazy Script mà không ảnh hưởng tốc độ load tranh, khuyên bạn cách nhanh nhất là xóa hẳn script tự động này.

16. Sử dụng CSS Sprites

CSS Sprite là một hình ảnh bao gồm  các  hình ảnh khác được thiết kế của bạn sử dụng như một thứ gì đó của bản đồ chứa tọa độ của tất cả các hình ảnh. Chúng có thể bao gồm tất cả các biểu tượng, logo và nút của bạn được kết hợp thành một file lớn và sau đó thông qua định vị css, bạn có thể sử dụng biểu tượng hoặc biểu tượng được yêu cầu ở nơi bạn cần.

Điều này làm giảm tốc độ di chuyển giữa trình duyệt và máy chủ web và cũng cải thiện tốc độ trang. Một nhà phát triển front-end (CSS guy) có thể đảm nhận việc này. Một số công cụ tạo CSS sprites:  La bàn , SpritePad .

17. Sửa chữa các liên kết bị hỏng

Mỗi liên kết bên ngoài sẽ gửi một yêu cầu http và nếu có nhiều liên kết bị hỏng trên trang web của bạn, bạn chỉ đang lãng phí tài nguyên.

Sự khác biệt giữa trang được tối ưu hóa và trang yêu cầu không hợp lệ

Đảm bảo sửa mọi liên kết bị hỏng từ trang web của bạn bằng  trình kiểm tra liên kết bị hỏng trực tuyến  hoặc sử dụng  trình kiểm tra liên kết WordPress  miễn phí

Suy nghĩ cuối cùng

Bài viết là tập hợp những kinh nghiệm đi làm Content Marketing cho các công ty lớn vài năm trước của mình. Trong số những Cách để tăng tốc độ load Web để tăng người truy cập là kỹ thuật, là sai sót trong khâu làm Content Web của nhân viên Digital Marketing.

Nếu bạn thấy những mẹo này hữu ích, hãy nhớ áp dụng nó và cho chúng tôi biết kết quả bạn có thể đạt được trong điểm chuẩn.

Quảng cáo

Quảng cáo
Chia sẻ suy nghĩ, quan điểm của bạn

Leave a reply

Tìm kiếm

Copyright Saohaivuong All Rights Reserved.

Sao Hải Vương
Logo