20 thủ thuật tăng tốc độ tải trang web

Blog timhieumarketing.com Tốc độ tải trang web là yếu tố quan trọng nhất khi nói đến khả năng sử dụng trang web và SEO. Google coi tốc độ trang web là một trong hơn 200 yếu tố xếp hạng ảnh hưởng đến vị trí của trang web trong kết quả tìm kiếm không phải trả tiền và được coi là yếu tố nâng cao trải nghiệm người dùng. Với vô số trang web có sẵn trên Internet và quan trọng hơn là trong lĩnh vực kinh doanh, cạnh tranh về lưu lượng truy cập với các trang web khác và giữ cho người dùng hài lòng với khả năng sử dụng trang web của bạn đang trở thành ưu tiên hàng đầu. Nếu trang web của bạn không có tốc độ tải trang nhanh hơn, rất có thể bạn sẽ mất khách vào tay đối thủ chỉ trong vài giây.

Dưới đây là 20 thủ thuật nhanh giúp website tải nhanh hơn, mời các bạn cùng theo dõi.

Giới thiệu Mẹo tăng tốc độ tải trang cho website

1. Tối ưu hóa kích thước hình ảnh

Hình ảnh trên trang web chiếm một phần nhỏ trong kích thước trang web và do đó có ảnh hưởng đến thời gian tải trang web. Trình quản lý nội dung CMS chỉ có thể thay đổi kích thước của hình ảnh, nhưng không thực sự ảnh hưởng đến kích thước của hình ảnh, vì vậy bạn nên sử dụng các công cụ chỉnh sửa hình ảnh như Photoshop, hoặc các chương trình khác. resizer và nén hình ảnh trước khi tải lên trang web.

2. Chọn định dạng tệp hình ảnh

Để tối ưu hóa thời gian tải trang web, tốt nhất bạn nên sử dụng các định dạng ảnh chuẩn như JPG, PNG và GIF.

3. Tránh hiển thị văn bản dưới dạng hình ảnh

Một số trang web có thể cần tạo kiểu để làm cho nó trông hấp dẫn hơn. Tuy nhiên, bạn cần lưu ý rằng hình ảnh mất nhiều thời gian để hiển thị hơn văn bản, vì vậy nó làm tăng thời gian tải trang và cũng không tốt cho SEO. Thay vào đó, hãy sử dụng văn bản như bình thường và nếu cần, hãy sử dụng CSS để tạo kiểu cho văn bản.

4. Tránh cài đặt các plugin không cần thiết

Các plugin đi kèm với các trang web có thể làm chậm tốc độ tải trang web của bạn. Không phải mọi plugin đều cần thiết, ví dụ như plugin chia sẻ xã hội, một plugin được coi là phải có trên mọi trang web ngày nay. Điều đó có nghĩa là bạn nên cân nhắc trước khi cài đặt plugin, có plugin nào thay thế được không, ví dụ như sử dụng CMS có tích hợp sẵn plugin xã hội thì chúng ta không cần cài thêm plugin bên ngoài. trong một lần nữa.

5. Tránh chia sẻ các tệp CSS và JavaScript trong HTML

Kinh nghiệm cho thấy rằng bạn nên đặt các tệp JavaScipt và CSS thành các tệp riêng biệt ngoài tệp html. Khi trang tải, trình duyệt sẽ tạo bộ đệm riêng cho các tệp này, giúp giảm thời gian tải trang. Hơn nữa, việc đặt các tệp JS và CSS này riêng biệt cũng giúp việc bảo trì trang web dễ dàng hơn.

6. Tối ưu hóa bộ nhớ cache

Mỗi khi có khách truy cập vào trang web của bạn đồng nghĩa với việc các tệp hình ảnh, CSS và JavaSrcipt cũng được tải, do đó mất nhiều thời gian để tải trang. Bằng cách sử dụng tính năng bộ nhớ đệm HTML trên trang web của mình, bạn cho phép trình duyệt hoặc proxy của mình lưu vào bộ đệm các tệp này. Khi được gọi, chúng sẽ được tìm nạp từ bộ nhớ cache của trình duyệt và do đó sẽ nhanh hơn thay vì tải lại tất cả từ mạng. Ngoài ra, khi tối ưu bộ nhớ đệm cho website, bạn cũng giảm được băng thông và chi phí lưu trữ cho website của mình.

7. Đặt tệp JavaScript ở cuối Tài liệu

Việc xử lý các tập tin JS luôn tiêu tốn rất nhiều tài nguyên (thời gian, CPU, bộ nhớ …). Nếu để ý, bạn sẽ thấy các bài kiểm tra tốc độ trình duyệt luôn có nhiệm vụ kiểm tra khả năng xử lý JavaScript, và các trình duyệt cũng liên tục cải thiện khả năng xử lý JS trong các bản nâng cấp của mình. Khi bạn đặt tệp JS ở cuối Tài liệu, việc các tệp khác theo sau phải đợi.

8. Tránh sử dụng chuyển hướng

Tránh sử dụng chuyển hướng để tăng tốc độ xử lý. Nguyên nhân là do chuyển hướng gọi thêm lệnh tải HTTP, điều này làm tăng thời gian tải trang. Một số chuyển hướng đôi khi không thể tránh khỏi và cần phải có mặt, nhưng lời khuyên là hãy tránh chúng.

9. Giảm truy vấn DNS – Tra cứu DNS

Truy vấn DNS (Hệ thống tên miền) xảy ra khi một URL (tên máy chủ) được nhập vào trình duyệt và trình phân giải DNS trả về địa chỉ IP của máy chủ đó. Thời gian cho quá trình này là khoảng 20-120 mili giây. Khi bạn mở nhiều trang từ cùng một tên máy chủ, các truy vấn DNS sẽ được sử dụng cho nhiều loại phần tử trên trang web của bạn, bao gồm URL, hình ảnh, CSS, JS và flash. Tuy nhiên, với nhiều truy vấn từ các tên máy chủ khác nhau được gửi đi, các truy vấn DNS cũng tăng lên, do đó làm tăng thời gian tải trang. Phương pháp hay nhất đề xuất rằng máy chủ lưu trữ chỉ nên sử dụng 6 tên máy chủ hoặc ít hơn và sử dụng URL thay vì tên máy chủ. Điều này có nghĩa là nếu bạn có blog, bạn nên sử dụng www.example.com/blog thay vì blog.example.com.

10. Loại bỏ CSS và mã HTML không cần thiết

Loại bỏ HTML hoặc CSS không cần thiết có thể làm nhẹ mã cho trang web của bạn. Nếu trang web của bạn được xây dựng trên hệ thống quản lý nội dung CMS, nó có thể được cài đặt sẵn các lớp CSS và ID do quá trình thiết kế chủ đề. Loại bỏ các lớp và định nghĩa ID không sử dụng hoặc kết hợp các định nghĩa đó thành một sẽ giúp tăng tốc trang web và “dọn dẹp” mã trang web của bạn.

11. Tránh cài đặt nhiều mã theo dõi cho trang web

Theo dõi các số liệu liên quan đến lưu lượng truy cập trang web là một điều tốt, nhưng những mã theo dõi đó cũng là nguyên nhân khiến tốc độ tải trang chậm khi cài đặt trên cùng một trang web. Google Analytics có lẽ là công cụ quen thuộc nhất khi nói đến việc đo lường lưu lượng truy cập trang web và được khuyên dùng nhiều nhất.

12. Thiết lập mã hóa G-Zip để nén dữ liệu

Cũng giống như các tệp trên máy tính được đóng gói và nén để giảm tổng kích thước của chúng khi được trao đổi qua mạng, các tệp lớn trên trang web cũng có thể được đóng gói bằng G-Zip Compression. Phương pháp này giúp tiết kiệm băng thông và thời gian tải tệp và hơn hết là giảm thời gian tải trang web của bạn.

13. Giảm yêu cầu HTTP

Yêu cầu HTTP là các yêu cầu từ trình duyệt được gửi đến máy chủ và có phản hồi, và càng nhiều yêu cầu, thời gian tải một trang web càng lâu. Yêu cầu HTTP tăng lên có thể do các tập lệnh trùng lặp trong mã HTML gây ra, việc loại bỏ các tập lệnh trùng lặp sẽ làm cho mã của bạn nhỏ gọn hơn và trang web của bạn sẽ tải nhanh hơn.

14. Sử dụng Expire / Cache-Control Header

Bạn có thể sử dụng tiêu đề Expire cho các phần tử tĩnh của trang web và tiêu đề Cache-Control cho các phần tử động. Các tiêu đề này được sử dụng cho hình ảnh, biểu định kiểu, tập lệnh và flash có thể được lưu vào bộ nhớ đệm, giúp giảm lượng yêu cầu HTTP, do đó cải thiện tốc độ tải trang.

15. Đặt Style sheet ở đầu Tài liệu

Style sheet dùng để “trang trí” cho trang web trông bắt mắt hơn và theo tiêu chuẩn thì nó nằm ở đầu tài liệu. Để bạn thấy trang web đẹp như hiện tại, các phần tử trên trang web được xử lý từ phía máy chủ dần dần được mở trong trình duyệt khi chúng được khởi tạo theo các quy tắc trong biểu định kiểu. Từ thanh điều hướng, logo đến nội dung trang web, quy trình mang đến cho người dùng trải nghiệm đẹp mắt với trang web. Bảng định kiểu cũng góp phần cải thiện thời gian tải trang.

16. Thu nhỏ các tệp JavaScript và CSS

Giảm thiểu các tệp JS và CSS có nghĩa là loại bỏ các ký tự không sử dụng khỏi mã để giảm kích thước tệp và thời gian tải cho các thành phần đứng sau các mã đó.

17. Sử dụng Nhận thay vì Đăng

Lấy và Đăng là hai phương thức để trình duyệt yêu cầu dữ liệu từ máy chủ. Kinh nghiệm cho thấy phương thức Get xử lý dữ liệu nhanh hơn nhiều so với phương thức Post khi yêu cầu dữ liệu trên trình duyệt. Mặc dù cả hai đều cho kết quả giống nhau, Post gửi tiêu đề trước rồi mới gửi dữ liệu trong khi Get chỉ cần một gói TCP để gửi dữ liệu. Ngoài ra, Get cũng được khuyến khích sử dụng cùng với AJAX vì nó có thể được cache và lưu vào lịch sử trình duyệt.

18. Loại bỏ các phần tử DOM không cần thiết

Nhìn vào bên trong mã HTML, có quá nhiều đánh dấu có thể làm chậm đáng kể việc truy cập DOM do các lệnh gọi JavaScript tới chúng. Bạn nên sử dụng các phương pháp thay thế như sử dụng grid.css, font.css và reset.css thay vì sử dụng table…

19. Giảm kích thước cookie

Cookie được sử dụng trong quá trình trao đổi dữ liệu giữa máy chủ và trình duyệt. Vì vậy, khi bạn giảm kích thước của cookie, đồng nghĩa với việc giảm kích thước dữ liệu được truyền và tăng tốc độ tải trang.

20. Cập nhật CMS

Ví dụ: nếu bạn đang sử dụng CMS như WordPress, bạn nên thường xuyên kiểm tra các bản cập nhật có sẵn cho nó, nhưng không cập nhật trực tiếp trang web hiện có của bạn. Vui lòng kiểm tra trước trên máy chủ khác và sau đó cập nhật trang web chính.

Cập nhật hệ thống cũng là một cách cải thiện tốc độ tải trang web cho bạn.

Có thể nói, với 20 cách tối ưu tốc độ tải trang web như đã trình bày ở trên, bạn đã có một trang web khá nhanh, và gọn gàng (về mặt code). Tất nhiên trên mạng vẫn có những cách khác hướng dẫn bạn tối ưu tốc độ tải trang web, nên từng bước bạn sẽ dần có một trang web đáp ứng yêu cầu kỹ thuật và hơn hết là mang lại trải nghiệm thú vị cho người dùng.

timhieumarketing.com bản dịch tóm tắt

Vui lòng ghi rõ nguồn https://eqvn.net khi đăng lại nội dung này.

:

Xem thêm nhiều bài viết về : Marketing Online

from timhieumarketing.com https://ift.tt/3HpDYRo
via Timhieumarketing.com