10 lời khuyên cho việc tối ưu tốc độ Website của bạn

 

Trang web tốc độ và hiệu suất là rất quan trọng để trải nghiệm người dùng. Đó là điều mà mọi doanh nghiệp cũng như Website plaza mong muốn. Nếu trang web của bạn quá chậm, bạn sẽ không chỉ mất đi người truy cập, nhưng cũng có khách hàng tiềm năng. Công cụ tìm kiếm như Google yếu tố tốc độ của một trang web vào tài khoản trong bảng xếp hạng tìm kiếm, do đó, khi tối ưu hóa tốc độ trang web của bạn, bạn nên dùng tất cả mọi thứ vào xem xét.  Mỗi phần nghìn giây đếm.

Dưới đây là chỉ là một vài gợi ý cơ bản và tổng quát mà Vinabits chúng tôi gởi đến để cải thiện hiệu suất của một trang web.

1. Hoãn nạp nội dung có thể

Ajax cho phép chúng ta xây dựng các trang web có thể được cập nhật không đồng bộ bất cứ lúc nào.
Chúng ta có thể sử dụng một thư viện hình ảnh như là một ví dụ.Tập tin hình ảnh lớn và nặng nề, họ có thể làm chậm tốc độ tải trang của các trang web. 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 tôi chỉ có thể 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 tôi không đồng bộ có thể yêu cầu những hình ảnh kích thước đầy đủ từ máy chủ và cập nhật trang.
Ajax / web phát triển thư viện như jQuery, Prototype, và MooTools có thể làm chậm tải nội dung dễ dàng hơn để thực hiện.

 

2.Sử dụng bên ngoài JS và CSS tập tin

Khi người sử dụng lần đầu tiên tải trang web của bạn, trình duyệt sẽ lưu các tài nguyên bên ngoài như các file CSS và JavaScript.  Như vậy, thay vì các tập tin nội tuyến JavaScript và CSS, tốt nhất để đặt chúng trong các tập tin bên ngoài.

Sử dụng CSS nội tuyến cũng làm tăng thời gian dựng hình của một trang web, có tất cả mọi thứ được định nghĩa trong file CSS chính của bạn cho phép trình duyệt làm việc ít hơn khi vẽ các trang, kể từ khi nó đã biết tất cả các quy tắc phong cách mà nó cần phải áp dụng.

Là một tiền thưởng, sử dụng bên ngoài JavaScript và CSS các tập tin làm cho trang web bảo trì dễ dàng hơn bởi vì bạn chỉ cần để duy trì các tập tin toàn cầu thay vì các mã nằm rải rác trong các trang web khác nhau.

 

3.  Sử dụng hệ thống 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ự, đó là thời gian để 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. Đừng lo lắng, hệ thống bộ nhớ đệm định kỳ làm mới bộ nhớ cache của họ tùy thuộc vào cách bạn thiết lập nó - thậm chí còn liên tục thay đổi các trang web (giống như một bài đăng blog với lời bình) có thể được lưu trữ.

Hệ thống quản lý nội dung phổ biến như WordPress và 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, kiểm tra [[WP Super cache]] (một trong sáu bổ sung quan trọng WordPress Sáu sửa đổi đã được cài đặt) . Drupal có một tính năng trang bộ nhớ đệm trong lõi.

Ngoài ra còn có cơ sở dữ liệu bộ nhớ đệm và các kịch bản phía máy chủ bộ nhớ đệm hệ thống mà bạn có thể cài đặt trên máy chủ web của bạn (nếu bạn có khả năng làm như vậy). Ví dụ, PHP có phần mở rộng được gọi là máy gia tốc PHP rằng tối ưu hóa hiệu suất thông qua bộ nhớ đệm và các phương pháp khác nhau, một ví dụ của [[một máy gia tốc PHP ]] APC Cơ sở dữ liệu bộ nhớ đệm cải thiện hiệu suất và khả năng mở rộng của các ứng dụng web của bạn bằng cách giảm các công việc liên quan đến cơ sở dữ liệu đọc / ghi / truy cập các quy trình; [[memcached ]], ví dụ, lưu trữ các truy vấn cơ sở dữ liệu được sử dụng thường xuyên.

 

4. Tránh thay đổi kích thước hình ảnh trong HTML

Nếu một hình ảnh là ban đầu 1280x900px ở trong không gian, nhưng bạn cần phải nó được 400x280px, bạn nên thay đổi kích thước và lưu lại hình ảnh bằng cách sử dụng một trình biên tập hình ảnh như Photoshop width sử height của chiều rộng và chiều cao <img width="400" height="280" src="/myimage.jpg" /> "400" chiều cao = <img width="400" height="280" src="/myimage.jpg" /> ).  Điều này là do, tự nhiên, một hình ảnh lớn sẽ luôn luôn được lớn hơn kích thước tập tin hơn là một hình ảnh nhỏ hơn.

Thay vì thay đổi kích thước một hình ảnh bằng cách sử dụng HTML, thay đổi kích thước nó bằng cách sử dụng một trình biên tập hình ảnh như Photoshop và sau đó lưu nó như là một tập tin mới.

 

5. Sử dụng hình ảnh để hiển thị văn bản

Không chỉ văn bản trong một hình ảnh trở nên không thể tiếp cận với màn hình độc giả và hoàn toàn vô dụng đối với SEO, nhưng sử dụng hình ảnh để hiển thị văn bản cũng làm tăng thời gian tải của các trang web của bạn bởi vì hình ảnh có nghĩa là một trang web nặng.

Nếu bạn cần phải sử dụng rất nhiều các phông chữ tùy chỉnh trang web của bạn, [[tìm hiểu về CSS @ font-face]] để hiển thị văn bản với phông chữ tuỳ chỉnh hiệu quả hơn.  Nó đi mà không nói rằng bạn phải xác định liệu phục vụ các tập tin phông chữ sẽ được tối ưu hơn vì làm nhiệm vụ hình ảnh.

 

6. Tối ưu hóa kích cỡ Ảnh: Sử dụng định dạng đúng

Bằng cách chọn các định dạng hình ảnh bên phải, bạn có thể tối ưu hóa kích thước tập tin mà không làm mất chất lượng hình ảnh.  Ví dụ, trừ khi bạn cần sự minh bạch hình ảnh (alpha lớp) các định dạng PNG đã cung cấp, định dạng JPG thường hiển thị hình ảnh nhiếp ảnh với kích thước file nhỏ hơn.

Để tìm hiểu thêm về làm thế nào để quyết định giữa JPG, PNG, và GIF, đọc các hướng dẫn sau đây:

Ngoài ra, có rất nhiều công cụ bạn có thể sử dụng để tiếp tục giảm trọng lượng tập tin hình ảnh của bạn.  Kiểm tra danh sách các công cụ để tối ưu hóa hình ảnh của bạn .

 

7. Tối ưu hóa viết Mã

Nhìn xung quanh mã nguồn của bạn.  Bạn 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</em></h1> , bạn có thể dễ dàng sử dụng CSS để làm cho nhóm của bạn nghiêng font-style font-phong cách sở hữu.  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, nhưng cũng làm cho nó dễ dàng hơn để duy trì.

 

8.Kết thúc tài liệu của bạn

Đó là tốt nhất nếu bạn có các kịch bản của bạn tải ở cuối trang chứ không phải là ngay từ đầu.  Nó cho phép trình duyệt để làm cho tất cả mọi thứ trước khi bắt đầu với JavaScript. Điều này làm cho các trang web của bạn cảm thấy đáp ứng tốt hơn bởi vì JavaScript làm việc là nó ngăn chặn bất cứ điều gì dưới đây nó vẽ cho đến khi nó đã hoàn tất tải. 

9.  Sử dụng một mạng lưới phân phối nội dung (CDN)

Tốc độ trang web của bạn bị ảnh hưởng rất nhiều bởi vị trí của người dùng, liên quan đến máy chủ web của bạn.  Xa, khoảng cách các dữ liệu được truyền đi du lịch.  Có nội dung của bạn lưu trữ trên nhiều vị trí địa lý chiến lược đặt giúp chăm sóc của vấn đề này.  CDN thường sẽ làm cho điều hành của bạn chi phí cao hơn một chút, nhưng bạn chắc chắn đạt được một tiền thưởng tốc độ. [[ MaxCDN]] hoặc [[Amazon Dịch vụ lưu trữ đơn giản]] (Amazon S3).

 

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ớ đệm càng nhiều càng tốt , [[bộ nhớ đệm]] Web là khi các tập tin được lưu trữ bởi trình duyệt web để sử dụng sau . Những điều mà các trình duyệt bộ nhớ cache có thể bao gồm các file CSS, JavaScript tập tin, và hình ảnh.

Ngoài những điều cơ bản, chẳng hạn như đặt CSS và mã JavaScript được sử dụng trong nhiều trang trong các tập tin bên ngoài, có rất nhiều cách để đảm bảo rằng bạn là bộ nhớ đệm tập tin của bạn theo cách hiệu quả nhất có thể.