[Bài viết sưu tầm có chỉnh sửa">
10 lời khuyên hữu ích tối ưu tốc độ Website của bạn
{Tải ảnh}_{Resize}
Tốc độ tải trang web là một điểm rất quan trọng trong trải nghiệm người dùng. 1 website tải nhanh là điều mà tất cả các wapmaster mong muốn. Nhất là đối với các wapsite lại càng cần thiết một tốc độ tải trang được tối ưu sao cho trang web được hiển thị trên thiết bị di động được nhanh chóng nhất.
Nếu không, với 1 web tải chậm, bạn có nguy cơ giảm 70% lượng khách hàng tiềm năng có thể sẽ download app và sinh doanh thu cho bạn.
Dưới đây là một vài gợi ý cơ bản mà Ad muốn gửi tới các bạn để giúp các bạn cải thiện hiệu suất trang web
1. Hoãn tải nội dung gây chậm website
Chúng ta hay sử dụng một slide show ảnh JQuery để tăng thẩm mỹ cho web.
Nhưng thường thì tập tin hình ảnh rất lớn và nặng, load tất cả một lúc chúng có thể làm chậm tốc độ tải trang. Vì vậy, thay vì tải tất cả những hình ảnh khi người dùng truy cập vào trang web, chúng ta hãy chỉ hiển thị hình thu nhỏ của hình ảnh và sau đó khi người dùng nhấp chuột vào chúng, chúng có thể những hiển thị hình ảnh với kích thước đầy đủ từ máy chủ và chỉ tải ảnh đấy mà thôi
2.Sử dụng file css/js riêng
Đây là điều cơ bản, đó là bạn cần hạn chế tối đa hoặc không sử dụng inline style hoặc inline java script cho những phần tử website của bạn.
Bởi vì khi load trang web của bạn lần đầu tiên, trình duyệt của khách hàng sẽ lưu lại những cài đặt từ bên ngoài như css và javascript. Vì vậy, thay vì sử dụng các cách thiết kế inline style, hãy đặt riêng các thuộc tính CSS và Javascript ở bên ngoài
3. Sử dụng phương pháp Caching
Nếu bạn thấy rằng trang web của bạn được kết nối với cơ sở dữ liệu của bạn để tạo ra nội dung tương tự, thì đây là lúc để bắt đầu sử dụng một hệ thống bộ nhớ đệm. Bởi có một hệ thống bộ nhớ đệm tại chỗ, trang web của bạn sẽ chỉ phải tạo ra nội dung một lần thay vì tạo ra nội dung mỗi khi trang được truy cập bởi người dùng của bạn. Cũng đừng lo, hệ thống bộ nhớ đệm định kỳ sẽ làm mới bộ nhớ cache của chúng tùy thuộc vào cách bạn thiết lập nó.
Với các bạn sử dụng CMS mở như WordPress hay Drupal sẽ có các tính năng bộ nhớ đệm tĩnh tự động chuyển đổi các trang được tạo ra để các tập tin HTML tĩnh để giảm xử lý máy chủ không cần thiết.
Đối với WordPress, WP Super cache test(một trong sáu bổ sung quan trọng WordPress) . Drupal có một tính năng trang bộ nhớ đệm trong nhân của nó.
4. Tránh việc sử dụng code thay đổi kích thước ảnh
Nếu một ảnh gốc to 1280x900px, nhưng bạn cần nó chỉ to cỡ 400x280px, bạn nên tự thay đổi kích thước của chúng bằng các phần mềm hỗ trợ thu gọn ảnh như photoshop.
Không nên sử dụng code thay đổi kích thước ảnh, điều này làm tăng dung lượng ảnh của trang web của bạn dẫn tới việc trình duyệt phải tải nhiều hơn, gây chậm tốc độ load trang.
5. Sử dụng hình ảnh để truyền đạt thông tin dạng text
Dù rằng việc sử dụng phương pháp này chắc chắn giúp cho tỷ lệ khách hàng quan tâm tới thông điệp của bạn tuy nhiên bạn cần cân nhắc kỹ trước khi sử dụng cách này. Hãy đảm bảo rằng dung lượng của anh rất nhẹ để trình duyệt dễ dàng tải về
6. Tối ưu hóa kích cỡ Ảnh, sử dụng định dạng đúng
Một kinh nghiệm của Ad:
Đừng sử dụngcác công cụ nén/đổi kích thước ảnh online bởi chất lượng ảnh sau đó sẽ cực kỳ tệ.
Hãy sử dụng Photoshop để thực hiện việc này!
Mất 5 phút để các bạn tải 1 phần mềm
PTS CS3 portable hoặc CS khác về để làm.
Mất tối đa 2 phút nữa để học cách nén/đổi kích thước ảnh sao cho giảm dung lượng mà vẫn giữ được chất lượng ảnh gần như không đổi.
7. Tối ưu hóa code HTML/CSS
Nhìn xung quanh code của bạn. Bạn có thực sự cần tất cả các thẻ bạn đang sử dụng hoặc bạn có thể sử dụng CSS để giúp đỡ trên màn hình? Ví dụ, thay vì sử dụng (h1) (em)your heading , bạn có thể sử dụng CSS để tạo chữ in nghiêng"Your heading" cho thẻ
kia và theo đó, trang web của bạn cũng sẽ load nhanh hơn do chỉ phải load ít code html hơn.
Viết mã hiệu quả không chỉ làm giảm kích thước tập tin của tài liệu HTML và CSS, mà còn làm cho việc bảo trì, sửa đổi, bổ sung dễ dàng hơn.
8. Kết thúc code của bạn bằng Java Script
Tốt nhất là nên đặt những đoạn mã Java Script của các bạn ở phía cuối của đoạn mã thay vì đầu trang như các bạn vẫn được học.
Bằng cách này bạn sẽ làm cho trình duyệt load tất cả các mã HTML, CSS trướckhi load Java Script. Vì một khi xuất hiện, Java Script sẽ bắt trình duyệt hiển thị tất cả những gì nó thực hiện trước khi trình duyêt được phép load bất kỳ thứ gì khác.
Một thao tác đơn giản này cũng sẽ giúp trang web các bạn cải thiện đáng kể tốc độ đấy
9. Sử dụng một mạng lưới phân phối nội dung (CDN)
Tốc độ tải web của bạn bị ảnh hưởng rất nhiều bởi vị trí địa lý của người dùng, liên quan tới khoảng cách tới máy chủ của bạn. Dữ liệu của bạn nếu được lưu trữ trên nhiều vị trí khác nhau sẽ giúp giải quyết vấn đề này
Sử dụng CDN thường làm chi phí của bạn cao hơn 1 chút, nhưng bạn chắc chắn sẽ đạt được tốc độ cao hơn.
10. Tối ưu hóa Web Caching
Cùng với sử dụng hệ thống bộ nhớ đệm, bạn nên tạo ra các trang web sử dụng web bộ nhớ đệmcàng nhiều càng tốt
Bộ nhớ đệm Web là việc lưu trữ các tập tin được lưu trữ bởi trình duyệt web để sử dụng vào lần sau. Những thứ mà cache trình duyệt có thể lưu trữ bao gồm các file CSS, JavaScript tập tin, và hình ảnh.
Trên đây là 10 lời khuyên hữu ích để làm web của các bạn load nhanh hơn, tránh gây mất mát người dùng chỉ vì web load chậm.
Bài viết được Ad sưu tầm và chỉnh sửa lại sao cho dễ đọc và dễ hiểu hơn cho các bạn.
Cảm ơn các bạn đã dành thời gian để đọc!
Nguồn:
Typro.mobie.in