Để website của bạn thân thiện hơn với người dùng thì thủ thuật giúp website có tốc độ tải nhanh hơn là một yếu tố rất là quan trọng. Nếu tốc độ tải trang kém thì nội dung website của bạn có hay đến đâu thì người dùng cũng không có kiên nhẫn để chờ trang web của bạn load. Thiết kế website wordpress đưa ra bài viết này giúp bạn giải quyết vấn đề đó.
Thủ thuật tăng tốc website
Tốc độ tải trang web là yếu tố quan trọng nhất khi nói đến tính hữu dụng (usability) của website và SEO. Google xem tốc độ trang web là môt trong hơn 200 yếu tố xếp hạng có ảnh hưởng đến vị trí website trong kết quả tìm kiếm tự nhiên và được xem là yếu tố làm tăng trải nghiệm người dùng. Với vô số website có mặt trên Internet và quan trọng hơn là trong lĩnh vực kinh doanh thì việc cạnh tranh traffic với website khác và giữ người dùng hài lòng với tính khả dụng nơi website của bạn đang trở thành vấn đề ưu tiên hàng đầu. Nếu website của bạn không có tốc độ tải trang nhanh hơn, khả năng cao bạn sẽ mất khách truy cập vào tay đối thủ chỉ trong tích tắc.
Chọn định dạng tập tin hình ảnh
Để tối ưu thời gian tải trang web thì tốt nhất bạn nên dùng các định dạng hình ảnh chuẩn như JPG, PNG và GIF.
Tối ưu kích thước hình ảnh
Hình ảnh trên website chiếm một phần không nhỏ kích thước trang web và do đó có ảnh hưởng đến thời gian tải trang web. Các trình quản lí nội dung CMS chỉ có thể thay đổi kiểu hiển thị to nhỏ của hình ảnh chứ không hề thực sự tác động đến kích thước của ảnh, thế nên bạn hãy dùng các công cụ biên tập ảnh như Photoshop, hoặc các chương trình chỉnh sửa kích thước và nén ảnh trước khi tải lên website.
>>> Xem tiếp: Thiết kế web nội thất
Tránh thể hiện chữ dưới dạng hình ảnh
Một số website có thể cần tạo phong cách để trang web trông hấp dẫn hơn. Nhưng, bạn cần lưu ý hình ảnh tốn nhiều thời gian để render hơn chữ, do đó nó làm tăng thời gian tải trang và cũng không có lợi cho SEO. Thay vào đó, bạn hãy dùng chữ như thông thường và nếu cần, hãy dùng CSS để tạo kiểu cho chữ.
Tránh cài những plugin không cần thiết
Plugin đi kèm theo các site có thể làm chậm đi tốc độ tải trang web của bạn. Không phải plugin nào cũng cần thiết, thí dụ như plugin chia sẻ lên mạng xã hội, một plugin được coi là buộc phải có trên mọi website ngày nay. Nói thế có nghĩa bạn nên cân nhắc trước khi cài thêm vào một plugin, liệu còn có lựa chọn nào thay thế plugin, ví dụ như sử dụng CMS có tích hợp sẵn plugin social, như thế ta không cần thiết cài thêm plugin bên ngoài vào nữa.
Tránh dùng chung các tập tin CSS và JavaScript trong HTML
Kinh nghiệm cho thấy bạn nên đặt các tập tin JavaScipt và CSS thành những tập tin riêng ngoài tập tin html. Khi tải trang, trình duyệt tạo cache riêng cho những tập tin này, làm giảm được thời gian tải trang. Hơn nữa, khi đặt các tập tin JS và CSS này nằm riêng như thế cũng giúp quá trình bảo trì website dễ dàng hơn.
Tối ưu cache
Mỗi khi có khách truy cập website của bạn đồng nghĩa với các tập tin hình ảnh, CSS và JavaSrcipt cũng được tải, do đó làm tốn nhiều thời gian tải trang. Bằng cách sử dụng tính năng HTML caching trên website, bạn cho phép trình duyệt hoặc proxy lưu tạm (cache) những tập tin này. Khi được gọi đến chúng sẽ được lấy lên từ cache của trình duyệt và như thế sẽ nhanh hơn thay vì tải hết lại chúng từ mạng. Ngoài ra, khi tối ưu cache cho website bạn còn làm giảm được bandwidth (băng thông) và chi phí host cho website của bạn.
Đặt tập tin JavaScript ở cuối Document
Việc xử lí các tập tin JS luôn làm tiêu tốn 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ó tác vụ kiểm tra xử lí JavaScript, và các trình duyệt cũng liên tục nâng cao khả năng xử lí JS trong các bản nâng cấp của mình. Khi bạn đặt các tập tin JS ở cuối Document là đã tránh được cho các tập tin khác theo sau nó phải chờ đợi.
Tránh dùng redirect
Tránh dùng redirect làm tăng được tốc độ xử lí. Lí do là redirect gọi đến thêm một lệnh tải HTTP dẫn đến làm tăng thời gian tải trang lên. Một vài lệnh redirect đôi khi là điều không thể tránh khỏi và cần phải có mặt nhưng lời khuyên là tránh được thì hãy tránh.
Làm giảm truy vấn DNS – DNS Lookup
Truy vấn DNS (Domain Name System) xảy ra khi một URL (hostname) được nhập vào trình duyệt và bộ phân giải DNS trả về lại địa chỉ IP của máy chủ đó. Thời gian cho quá trình này vào khoảng 20-120 mili giây. Khi bạn mở nhiều trang từ cùng một hostname thì truy vấn DNS sẽ được dùng cho nhiều loại thành phần trên website, bao gồm URL, hình ảnh, CSS, JS và flash. Tuy nhiên, với nhiều truy vấn từ các hostname khác nhau được gửi đi thì lượt truy vấn DNS cũng tăng lên, do đó làm tăng thời gian tải trang. Best practice chỉ ra cho thấy một host chỉ nên dùng cho từ 6 hostname trở xuống, và dùng đường dẫn URL thay vì dùng hostname. Điều này có nghĩa nếu bạn có tạo blog thì nên dùng www.example.com/blog thay vì blog.example.com.
>>> Xem thêm: Website là gì? và có những loại website nào?
Gỡ bỏ những đoạn mã CSS, HTML không cần thiết
Gỡ bỏ những đoạn mã HTML hoặc CSS không cần thiết có thể làm nhẹ code cho website của bạn. Nếu website của bạn được xây dựng trên một hệ quản trị nội dung CMS, thì có thể trong đó có cài sẵn những CSS class và ID do trong quá trình thiết kế theme. Loại bỏ những class không dùng đến và định nghĩa ID hoặc kết hợp các định nghĩa đó thành một sẽ giúp tăng tốc cho website và làm “sạch” code website của bạn.
Tránh cài nhiều đoạn mã theo dõi cho website
Theo dõi các chỉ số liên quan đến traffic website là điều nên làm nhưng các đoạn mã theo dõi đó cũng là nguyên nhân gây chậm tốc độ tải trang khi được cài cùng chung trên một website. Google Analytics có lẽ là công cụ quen thuộc nhất khi nói đến đo lường traffic website và là công cụ được khuyến nghị dùng nhiều nhất.
Thiết lập mã hóa G-Zip để nén dữ liệu
Tương tự như các tập tin trên máy tính được đóng gói và nén lại để giảm tổng kích thước của chúng khi trao đổi qua lại trên mạng, các tập tin lớn trên website cũng có thể được đóng gói bằng phương pháp Nén G-Zip. Phương pháp này tiết kiệm được băng thông và thời gian tải tập tin và trên hết là giảm được thời gian tải trang web của bạn.
Giảm bớt HTTP request
HTTP request là những yêu cầu từ phía trình duyệt gửi lên server và có request có trả lời, và càng nhiều request thì càng tốn nhiều thời gian để tải hoàn tất một trang web. HTTP request tăng lên có thể do trùng lặp những đoạn script trong code HTML, bỏ được những đoạn script trùng lặp sẽ giúp code của bạn gọn hơn, và website có tốc độ tải trang dc nhanh hơn.
Sử dụng Expire/ Cache-Control Header
Bạn có thể sử dụng Expire header cho những thành phần tĩnh của website và Cache-Control header cho những thành phần động. Những header này sử dụng cho hình ảnh, style sheet, script và flash có thể được lưu cache, giúp giảm thiểu lượng HTTP request do đó cải thiện được tốc độ tải trang.
Đặt Style sheet ở đầu Documents
Style sheet dùng cho “trang trí” website trông bắt mắt hơn và theo chuẩn nó nằm ở đầu Document. Để bạn thấy được website đẹp mắt như thế, các thành phần trên trang web được xử lí từ phía server được mở dần dần trong trình duyệt khi chúng được khởi tạo bởi các qui định trong style sheet. Từ thanh điều hướng, logo cho đến nội dung trang web, quá trình xử lí mang đến người dùng một trải nghiệm đẹp với website. Style sheet cũng góp phần cải thiện được thời gian tải trang.
>>> Tham khảo: 6 tác vụ Android có thể thực hiện từ Google Search
Thu gọn tập tin JavaScript và CSS
Thu gọn tập tin JS và CSS nghĩa là bỏ đi những kí tự không dùng đến trong code để làm giảm kích thước tập tin và thời gian tải cho các thành phần đi sau các đoạn mã đó.
Dùng Get thay cho Post
Get và Post là hai phương thức để trình duyệt yêu cầu dữ liệu từ server. 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 một trình duyệt. Mặc dù cả hai đều cho cùng kết quả, nhưng Post gửi header đi trước sau đó mới gửi phần data trong khi Get chỉ cần một gói TCP để gửi dữ liệu đi. Ngoài ra, Get còn được đề xuất sử dụng kết hợp với AJAX vì nó có thể được lưu cache và lưu lại trong lịch sử trình duyệt.
Bỏ đi các thành phần DOM không cần thiết
Nhìn vào bên trong mã HTML, nếu có quá nhiều markup có thể làm chậm đáng kể quá trình truy cập DOM do JavaScript gọi tới chúng. Bạn nên sử dụng các phương pháp thay thế như dùng grid.css, font.css và reset.css thay cho phải dùng table…
Giảm kích thước Cookie
Cookie được dùng trong quá trình trao đổi dữ liệu qua lại giữa server 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 giảm được kích thước dữ liệu truyền qua và tăng được tốc độ tải trang.
Cập nhật CMS
Nếu bạn đang dùng một CMS như WordPress chẳng hạn thì nên kiểm tra thường xuyên những cập nhật có cho nó, nhưng đừng cập nhật trực tiếp lên website hiện tại. Bạn hãy kiểm tra trước ở một server khác rồi mới cập nhật cho website chính.
Qua bài viết những thủ thuật giúp website có tốc độ tải nhanh hơn được trình bày trên thì bạn đã có một website khá là nhanh. Chúc các bạn thành công.
Nguồn: Tổng hợp
