20 cách để tăng tốc trang web cực mượt năm 2021

tăng tốc độ trang web

Bạn nghĩ rằng việc tăng tốc trang web của bạn không quan trọng?

Nghĩ lại.

Một chậm trễ một giây trong thời gian tải trang  sản lượng:

  • Giảm 11% lượt xem trang
  • Mức độ hài lòng của khách hàng giảm 16%
  • Mất 7% chuyển đổi

Thêm một vài giây có thể có tác động rất lớn đến khả năng thu hút khách truy cập và bán hàng của bạn.

Điều này có nghĩa là có một trang web nhanh là điều cần thiết – không chỉ để xếp hạng tốt với Google mà còn để giữ lợi nhuận cuối cùng của bạn cao.

Cách tối ưu hóa tốc độ trang web ảnh hưởng đến chuyển đổi

Các trang web chậm giết chết chuyển đổi .

Trên thực tế, 47% người tiêu dùng mong đợi các trang web tải trong hai giây hoặc ít hơn. Và 40% sẽ bỏ qua một trang có thời lượng từ ba giây trở lên.

Nếu trang web của bạn mất hơn ba giây để tải, bạn sẽ mất gần một nửa số khách truy cập trước khi họ đến trang web của bạn.

Chỉ điều đó thôi đã là một cú đánh lớn đối với các chuyển đổi tiềm năng của bạn.

Và đối với những khách truy cập quyết định ở lại, thời gian tải chậm của bạn có thể ngăn họ quay lại trong tương lai. Trong một cuộc khảo sát, 79% khách hàng  cho biết họ sẽ không quay lại trang web có hiệu suất kém.

tăng tốc trang web của bạn

Trong cùng cuộc khảo sát đó, 52% người mua sắm nói rằng tải trang nhanh chóng là điều quan trọng đối với sự trung thành với trang web của họ và 44% nói rằng họ nói với bạn bè về trải nghiệm trang web kém.

Cuộc khảo sát này cũng phát hiện ra rằng sự chậm trễ một giây có thể làm giảm sự hài lòng của khách hàng khoảng 16%.

Một trong những ví dụ tốt nhất về điều này là sự cải thiện của Walmart về chuyển đổi và doanh thu sau khi tăng tốc độ trang web của họ.

Trong quá trình phân tích ban đầu, họ nhận thấy rằng những khách truy cập đã chuyển đổi đã nhận được các trang tải nhanh gấp hai lần so với những khách không chuyển đổi.

tốc độ trang web walmart

Điều này cho thấy rằng một trang càng nhanh thì càng có nhiều khả năng khách truy cập mua hàng.

Khi kết thúc quá trình tối ưu hóa tốc độ trang web của họ , Walmart đã báo cáo các kết quả sau:

  • Đối với mỗi giây cải thiện tốc độ trang web, họ nhận thấy số lượt chuyển đổi tăng lên đến 2%.
  • Cứ mỗi 100 mili giây cải tiến, họ đã tăng doanh thu lên tới 1%.

Trong một nghiên cứu khác, mối quan hệ giữa thời gian tải và tỷ lệ chuyển đổi cho thấy tỷ lệ chuyển đổi giảm 25%  chỉ với thời gian tải thêm một giây.

chuyển đổi thời gian tải

Rõ ràng rằng nỗ lực để tăng tốc độ trang web của bạn – dù chỉ một giây – có thể có tác động lớn đến chuyển đổi.

Cách tìm ra điều gì đang giết chết chuyển đổi của bạn

Tốc độ trang web của bạn ảnh hưởng như thế nào đến khả năng hiển thị

Giờ đây, Google đã xem xét đến tốc độ khi xếp hạng các trang web, thời gian tải của bạn cũng có thể ảnh hưởng đến mức độ dễ dàng người dùng có thể tìm thấy bạn ngay từ đầu.

Điều này đặc biệt đúng khi nó đang tung ra chỉ mục ưu tiên thiết bị di động . Kể từ tháng 12 năm 2017, công cụ tìm kiếm đã bắt đầu xếp hạng tất cả các kết quả tìm kiếm dựa trên phiên bản di động của các trang.

 Lần đầu tiên tìm kiếm trên thiết bị di động nhiều hơn tìm kiếm trên máy tính để bàn vào năm 2015 và thị phần tìm kiếm tổng thể chỉ tiếp tục tăng.

Điều này có nghĩa là Google có lợi nhất khi cung cấp kết quả tìm kiếm cho người dùng di động. Họ không muốn hướng người dùng của mình đến các trang web không tải hoặc hoạt động tốt trên thiết bị của họ.

Do đó, trải nghiệm người dùng trên thiết bị di động giờ đây sẽ đóng một vai trò quan trọng trong xếp hạng tìm kiếm – ngay cả trong kết quả tìm kiếm trên máy tính để bàn.

Điều này hoàn toàn ngược lại với  cách chỉ mục được sử dụng để hoạt động.

Trải nghiệm người dùng từ lâu đã là một yếu tố trong xếp hạng, nhưng trước khi có sự thay đổi này, người ta chỉ xem xét trải nghiệm trên máy tính để bàn. Vì vậy, ngay cả khi một trang web cung cấp trải nghiệm di động kém, nó vẫn có thứ hạng trên trang một.

Đây không còn là trường hợp.

Giờ đây, các trang được lập chỉ mục và xếp hạng dựa trên trải nghiệm mà chúng cung cấp cho người dùng di động.

tăng tốc trang web của bạn trên thiết bị di động

Vì vậy, nếu bạn muốn duy trì (hoặc cải thiện) thứ hạng và khả năng hiển thị của mình, điều cần thiết là phải biết cách giảm thời gian tải trang web. Bạn phải có một trang web cung cấp trải nghiệm người dùng nhanh chóng, dễ dàng – trên bất kỳ trình duyệt hoặc kích thước màn hình nào.

Tại sao trang web của tôi chậm?

Bạn đã tiến hành kiểm tra tốc độ trang web và nhận thấy thời gian tải của bạn khá chậm. (Nếu bạn không biết cách kiểm tra tốc độ trang web, tôi sẽ giải thích ở phần sau của bài đăng này).

Có thể có một số lý do khiến thời gian tải trang web của bạn bị trễ. Nó có thể là bất cứ điều gì từ thời gian tải của máy chủ đến kích thước hình ảnh cho đến số lượng chuyển hướng bạn có.

Điều đó có nghĩa là có rất nhiều bước bạn có thể thực hiện để cải thiện tốc độ trang. Chúng tôi sẽ xem xét 20 trong số chúng. Nhưng trước khi bắt đầu khắc phục sự cố để cải thiện hiệu suất trang web, bạn cần phải có mục tiêu.

Hãy xem thời gian tải tốt để cung cấp cho bạn thứ gì đó để chụp.

Thời gian tải trang tốt là gì?

Trước khi bạn bắt đầu làm việc về tốc độ trang web của mình, bạn nên đặt mục tiêu cho vị trí bạn muốn.

Điều đó có thể khó khăn nếu bạn không chắc tốc độ trang chấp nhận được là bao nhiêu.

Theo Google, cách tốt nhất là ba giây. Thật không may, theo kết quả báo cáo điểm chuẩn gần đây của nó , hầu hết các trang web không ở đâu gần đó.

Trong một phân tích 900.000 trang đích của quảng cáo trên điện thoại di động trải dài 126 quốc gia, Google nhận thấy rằng 70% số trang được phân tích mất gần bảy giây để nội dung trực quan trong màn hình đầu tiên hiển thị.

Trong số tất cả các ngành mà họ bao gồm, không có ngành nào có mức trung bình thậm chí gần với phương pháp tốt nhất được đề xuất của họ là ba giây.

tốc độ trung bình của ngành

Thời gian trung bình cần để tải hoàn toàn một trang đích trên thiết bị di động là 22 giây, nhưng 53% lượt truy cập bị bỏ qua nếu trang web trên thiết bị di động tải lâu hơn ba giây.

Ngoài ra, khi thời gian tải trang tăng từ một đến mười giây, xác suất thoát của một người dùng di động tăng 123%.

xác suất thoát

Điều này có nghĩa là chủ sở hữu trang web nói chung có rất nhiều việc phải làm để đưa trang web của họ lên ngang hàng trong mắt Google.

Nhưng về mặt tích cực, điều đó cũng có nghĩa là nếu bạn nỗ lực để tốc độ trang web của mình ở mức có thể chấp nhận được, thì bạn đang dẫn đầu về trải nghiệm người dùng.

Khi cải thiện trang web của mình, bạn có thể sử dụng các đề xuất và điểm chuẩn của Google để đặt mục tiêu và đo lường hiệu suất của mình.

Xét cho cùng – với tư cách là công cụ tìm kiếm lớn nhất trên thế giới, Google có thể có tác động lớn đến thành công của bạn. Vì vậy, sử dụng tiêu chuẩn của họ làm tiêu chuẩn của bạn không bao giờ là một ý kiến ​​tồi.

Cách tăng tốc trang web của bạn vào năm 2019

Có rất nhiều yếu tố ảnh hưởng đến thời gian tải mỗi trang trên trang web của bạn, do đó, bạn có thể thực hiện nhiều bước khác nhau để tăng tốc độ và cải thiện trải nghiệm người dùng .

Trong bài đăng này, chúng tôi sẽ giới thiệu cho các bạn 20 mẹo và phương pháp hay nhất mà bạn có thể sử dụng để giảm thời gian tải và cải thiện hiệu suất trang web của mình.

Và nếu con số đó nghe có vẻ quá sức – đừng lo lắng.

Mặc dù tất cả các mẹo này có thể giúp bạn cải thiện tốc độ trang web của mình, nhưng bạn không cần phải thực hiện tất cả chúng ngay hôm nay.

Trên thực tế, nếu trước đây bạn đã làm việc với tốc độ trang web của mình, thì trang web của bạn có thể đã phù hợp với một số phương pháp hay nhất này.

Với ý nghĩ đó, hãy bắt đầu.

1. Giảm thiểu các yêu cầu HTTP

Theo Yahoo, 80% thời gian tải của một trang Web  được dành để tải các phần khác nhau của trang, như hình ảnh, bảng định kiểu và tập lệnh.

Yêu cầu HTTP được thực hiện cho từng phần tử này, vì vậy càng nhiều thành phần trên trang, thời gian hiển thị trang càng lâu.

Bước đầu tiên để giảm thiểu các yêu cầu của bạn là tìm ra số lượng trang web của bạn hiện tạo ra, để sử dụng làm điểm chuẩn.

Nếu bạn sử dụng Google Chrome, bạn có thể sử dụng Công cụ dành cho nhà phát triển của trình duyệt để xem trang web của bạn thực hiện bao nhiêu yêu cầu HTTP.

Nhấp chuột phải vào trang bạn muốn phân tích và nhấp vào “Kiểm tra”, sau đó nhấp vào tab “Mạng”. (Nếu bạn không thấy tab “Mạng”, bạn có thể cần phải mở rộng thanh bên Công cụ dành cho nhà phát triển bằng cách kéo đường viền bên trái sang bên trái.)

tăng tốc trang web của bạn

Cột “Tên” hiển thị tất cả các tệp trên trang, cột “Kích thước” hiển thị kích thước của từng tệp và cột “Thời gian” hiển thị thời gian tải mỗi tệp.

Ở góc dưới cùng bên trái, bạn cũng sẽ thấy tổng số yêu cầu mà trang web đưa ra.

Giảm số lượng yêu cầu này sẽ tăng tốc trang web của bạn, hãy xem qua các tệp của bạn và xem liệu có bất kỳ yêu cầu nào không.

Bạn có thể không nhận thấy bất cứ điều gì ngay lập tức, nhưng một số trong số chúng có thể là ứng cử viên chính để kết hợp – mà chúng ta sẽ đề cập trong các bước tiếp theo.

2. Thu nhỏ và kết hợp các tệp

Giờ bạn đã biết trang web của mình đưa ra bao nhiêu yêu cầu, bạn có thể bắt tay vào việc giảm con số đó. Nơi tốt nhất để bắt đầu là với các tệp HTML, CSS và JavaScript của bạn.

Đây là những tệp cực kỳ quan trọng, vì chúng quyết định diện mạo trang web của bạn.

Chúng cũng thêm vào số lượng yêu cầu mà trang web của bạn thực hiện mỗi khi người dùng truy cập trang web.

Bạn có thể giảm con số này bằng cách “thu nhỏ” và kết hợp các tệp của mình. Điều này làm giảm kích thước của mỗi tệp, cũng như tổng số tệp.

Điều này đặc biệt quan trọng nếu bạn sử dụng trình tạo trang web mẫu. Những thứ này giúp bạn dễ dàng xây dựng một trang web, nhưng đôi khi chúng tạo ra những đoạn mã lộn xộn có thể làm chậm trang web của bạn đáng kể.

Việc thu nhỏ tệp liên quan đến việc xóa định dạng, khoảng trắng và mã không cần thiết.

Vì mọi đoạn mã không cần thiết đều làm tăng kích thước trang của bạn, điều quan trọng là bạn phải loại bỏ các khoảng trắng thừa, ngắt dòng và thụt lề. Điều này đảm bảo rằng các trang của bạn gọn gàng nhất có thể.

Kết hợp các tệp chính xác là như thế nào. Nếu trang web của bạn chạy nhiều tệp CSS và JavaScript, bạn có thể kết hợp chúng thành một.

Có một số cách để thu nhỏ và kết hợp các tệp, và nếu trang web của bạn chạy trên WordPress, các plugin như WP Rocket  sẽ làm cho quá trình này khá đơn giản.

Nếu bạn đã cài đặt plugin này, hãy chuyển đến tab “Tệp tĩnh” và kiểm tra các tệp bạn muốn thu nhỏ và kết hợp.

tăng tốc trang web của bạn thu nhỏ

Điều này có thể bao gồm các tệp HTML, CSS và JavaScript, cũng như Google Fonts.

Sau đó, nhấn “Lưu thay đổi” để hoàn tất quá trình. Bạn có thể tải lại trang của mình và xem lại Công cụ dành cho nhà phát triển để xem tác động của các thay đổi của bạn.

Khi nói đến trang web của bạn, gọn gàng hơn sẽ tốt hơn. Càng ít phần tử trên một trang, trình duyệt càng cần ít yêu cầu HTTP hơn để làm cho trang hiển thị – và nó sẽ tải nhanh hơn.

3. Sử dụng tải không đồng bộ cho các tệp CSS và JavaScript

Khi bạn đã thu nhỏ và kết hợp một số tệp của mình, bạn cũng có thể tối ưu hóa cách chúng tải trên các trang của bạn.

Các tập lệnh như CSS và JavaScript có thể được tải theo hai cách khác nhau: Đồng bộ hoặc Không đồng bộ.

Nếu các tập lệnh của bạn tải đồng bộ, chúng sẽ tải từng tập lệnh, theo thứ tự xuất hiện trên trang. Mặt khác, nếu các tập lệnh của bạn tải không đồng bộ, một số tập lệnh sẽ tải đồng thời.

Tải tệp không đồng bộ có thể tăng tốc độ trang của bạn vì khi trình duyệt tải một trang, trình duyệt sẽ di chuyển từ trên xuống dưới.

Nếu nó đến một tệp CSS hoặc JavaScript không đồng bộ, nó sẽ ngừng tải cho đến khi tải xong tệp cụ thể đó. Nếu cùng một tệp đó không đồng bộ, trình duyệt có thể tiếp tục tải các phần tử khác trên trang cùng một lúc.

Sử dụng cùng một tab “Tệp tĩnh” của plugin WP Rocket, hãy kiểm tra các tùy chọn bên cạnh “CSS / JS chặn hiển thị”.

tăng tốc độ chặn hiển thị trang web của bạn

Nhấp vào “Lưu thay đổi”, sau đó kiểm tra trang web của bạn để đảm bảo rằng mọi thứ đều tải chính xác.

4. Trì hoãn tải JavaScript

Trì hoãn một tệp có nghĩa là ngăn nó tải cho đến khi các phần tử khác tải xong. Nếu bạn hoãn các tệp lớn hơn, như JavaScript, bạn đảm bảo rằng phần còn lại của nội dung của bạn có thể tải mà không bị chậm trễ.

Nếu bạn có một trang web WordPress, bạn có thể sử dụng plugin WP Rocket được đề cập ở trên để dễ dàng kích hoạt tải JavaScript hoãn lại. Chỉ cần chọn hộp bên cạnh “Tải tệp JS bị hoãn lại” và bạn đã sẵn sàng.

Nếu bạn có một trang web HTML, bạn sẽ cần thực hiện lệnh gọi một tệp JavaScript bên ngoài ngay trước thẻ </body>, trông giống như sau:

tăng tốc trang web của bạn js

Để biết thêm thông tin, hãy xem hướng dẫn này về trì hoãn tải JavaScript .

5. Giảm thiểu thời gian đến byte đầu tiên

Ngoài khoảng thời gian cần thiết để trang của bạn tải hoàn toàn, bạn cũng sẽ muốn xem xét lượng thời gian cần để bắt đầu tải.

Thời gian đến byte đầu tiên , hoặc TTFB, là khoảng thời gian trình duyệt phải đợi trước khi nhận byte dữ liệu đầu tiên từ máy chủ. Google đề xuất TTFB dưới 200 ms .

Không giống như nhiều yếu tố hiệu suất front-end mà hầu hết các chủ sở hữu trang web chú trọng, đây là mối quan tâm từ phía máy chủ.

Khi người dùng truy cập trang web của bạn, trình duyệt của họ sẽ gửi một yêu cầu HTTP đến máy chủ lưu trữ nó. Có ba bước cần phải xảy ra giữa yêu cầu ban đầu đó và byte dữ liệu đầu tiên:

  1. Tra cứu DNS
  2. Xử lý máy chủ
  3. Phản ứng

Bạn có thể xem quá trình này mất bao lâu cho trang web của mình bằng Công cụ dành cho nhà phát triển của Chrome hoặc công cụ của bên thứ ba.

Nếu bạn sử dụng Công cụ dành cho nhà phát triển, điều quan trọng cần nhớ là thời gian phản hồi có thể bị ảnh hưởng bởi kết nối Internet của bạn. Vì vậy, kết nối của chính bạn càng chậm, phản hồi máy chủ của bạn sẽ xuất hiện càng chậm.

Để truy cập thông tin này trong Công cụ dành cho nhà phát triển, hãy nhấp vào tab “Mạng” và di chuột qua mục trên cùng trong cột “Thác nước”.

tăng tốc trang web của bạn ttfb chrome

Bạn cũng có thể sử dụng bất kỳ công cụ miễn phí nào của bên thứ ba như WebPageTest để  kiểm tra trang web của bạn từ trung tâm dữ liệu.

tăng tốc độ kiểm tra trang web của bạn

Nếu TTFB của bạn dưới 200ms, bạn đang ở trong tình trạng tốt.

Nếu không, có thể có một số vấn đề khác nhau ở gốc.

Nói chung, hầu hết các vấn đề với TTFB chậm  là do sự cố mạng, tạo nội dung động, cấu hình máy chủ web và lưu lượng truy cập.

ttfb nguyên nhân

Trong bốn yếu tố này, bạn có quyền kiểm soát hai yếu tố: Tạo nội dung động và cấu hình máy chủ.

Không giống như các trang tĩnh, máy chủ cần “xây dựng” một tệp động trước khi phản hồi.

động tĩnh

Nếu bạn có một trang WordPress, các trang của bạn rất có thể là động. Điều này có nghĩa là chúng cần phải tương tác với một cơ sở dữ liệu được “xây dựng” bằng PHP trước khi chúng được phân phối.

Bạn có thể giảm thời gian thực hiện việc này bằng cách bật bộ nhớ đệm – mà chúng ta sẽ truy cập sau một phút.

6. Giảm thời gian phản hồi của máy chủ

Một trong những yếu tố lớn nhất về tốc độ tải trang của bạn là lượng thời gian tra cứu DNS của bạn.

DNS, hay hệ thống tên miền, là một máy chủ có cơ sở dữ liệu địa chỉ IP và tên máy chủ liên quan của chúng. Khi người dùng nhập URL vào trình duyệt của họ, máy chủ DNS sẽ dịch URL đó thành địa chỉ IP cho biết vị trí của nó trực tuyến.

Sau đó, tra cứu DNS là quá trình tìm kiếm một bản ghi DNS cụ thể. Bạn có thể nghĩ nó giống như máy tính của bạn đang tìm kiếm một số trong danh bạ điện thoại.

Ví dụ: giả sử bạn muốn truy cập URL ubnt.com. Bạn sẽ nhập nó vào trình duyệt của mình – nhưng điều đó có nghĩa là rất ít đối với máy tính của bạn.

ISP của bạn sẽ thực hiện tra cứu DNS để tìm địa chỉ IP được liên kết với URL đó.

tăng tốc trang web của bạn dns

Nó sẽ nhận được một địa chỉ IP như 52.40.57.158.443, cho nó biết nơi tìm trang web bạn đang tìm. Bước này giúp người dùng không cần phải ghi nhớ những chuỗi số dài để truy cập thông tin trực tuyến.

Khoảng thời gian thực hiện bước này tùy thuộc vào tốc độ của nhà cung cấp DNS của bạn. Nếu không, có thể đã đến lúc chuyển sang nhà cung cấp DNS nhanh hơn.

Bạn có thể xem báo cáo so sánh tốc độ DNS này , được cập nhật hàng tháng, để biết vị trí nhà cung cấp của bạn xếp chồng lên nhau và xem nhà cung cấp nào cung cấp tốc độ cao hơn.

tăng tốc nhà cung cấp trang web của bạn

Nếu bạn đang sử dụng DNS chậm, điều này sẽ làm tăng thời gian để các trình duyệt xác định vị trí trang web của bạn. Chuyển sang nhà cung cấp DNS nhanh hơn có thể tăng tốc quá trình.

7. Chọn tùy chọn lưu trữ phù hợp với nhu cầu của bạn

Hầu hết các chủ sở hữu trang web mới chọn tùy chọn rẻ nhất có thể để lưu trữ. Mặc dù điều này thường là đủ trong thời gian đầu, nhưng bạn có thể cần phải nâng cấp khi bạn bắt đầu nhận được nhiều lưu lượng truy cập hơn . Đừng tiết kiệm máy chủ của bạn, hãy lấy một máy chủ mà bạn có thể tin tưởng. Có rất nhiều đánh giá về các máy chủ web tốt nhất ở đây .

Khi xem xét lưu trữ, bạn có ba tùy chọn khác nhau:

  • Chia sẻ lưu trữ
  • Lưu trữ VPS
  • Máy chủ chuyên dụng

Chia sẻ lưu trữ là lựa chọn rẻ nhất và bạn thường có thể nhận được nó với giá khoảng năm đô la mỗi tháng. Mặc dù nó tốt cho các trang web có lưu lượng truy cập thấp, nhưng lưu trữ chia sẻ lại gặp khó khăn trong việc theo kịp với mức tăng đột biến và các trang web có khối lượng lớn. Và trang web của bạn có thể bị ảnh hưởng bởi lượng truy cập tăng đột biến từ các trang web khác sử dụng cùng một máy chủ với bạn.

Với lưu trữ chia sẻ, bạn chia sẻ một số tài nguyên nhất định như CPU, dung lượng đĩa và RAM với các trang web khác được lưu trữ trên cùng một máy chủ.

Với dịch vụ lưu trữ VPS, bạn vẫn chia sẻ máy chủ với các trang khác, nhưng bạn có các phần tài nguyên riêng của máy chủ. Đây là một lựa chọn tốt ở giữa. Nó bảo vệ trang web của bạn khỏi những người khác trên máy chủ của bạn mà không cần chi phí lưu trữ chuyên dụng.

tăng tốc trang web của bạn được chia sẻ so với lưu trữ vps

KeyCDN giải thích điều này bằng cách sử dụng sự tương tự của việc sống trong một căn hộ và sống trong một căn hộ .

Khi bạn sống trong một căn hộ, bạn chia sẻ các tiện nghi nhất định như phòng giặt và bãi đậu xe và được tiếp cận với đội bảo trì của tòa nhà.

Mặt khác, khi bạn sống trong một căn hộ chung cư, bạn không sử dụng không gian chung và bạn phải chịu trách nhiệm sửa chữa và bảo trì nhất định. Cũng có ít cư dân hơn trong tòa nhà.

Bạn có thể xem xét dịch vụ lưu trữ chuyên dụng như sở hữu một ngôi nhà. Bạn không chia sẻ tài nguyên với bất kỳ ai khác và bạn chịu trách nhiệm về mọi hoạt động bảo trì.

Với một máy chủ chuyên dụng, bạn có nhiều không gian hơn – nhưng bạn cũng có nhiều việc phải làm với cấu hình và thiết lập kỹ thuật.

vps chuyên dụng

Nếu bạn cần nhiều dung lượng và muốn kiểm soát hoàn toàn việc lưu trữ của mình, đây là cách tốt nhất dành cho bạn.

Tuy nhiên, như bạn có thể đoán, đó là lựa chọn đắt tiền nhất.

Nếu bạn đang ở thời điểm mà mức lưu lượng truy cập của bạn đang làm chậm thời gian phản hồi của máy chủ, có thể đã đến lúc chuyển từ lưu trữ chia sẻ sang VPS hoặc từ VPS sang máy chủ chuyên dụng.

8. Chạy kiểm tra nén

Vì lợi ích tốt nhất của bạn là tải các tệp của bạn đến mức nhỏ nhất có thể mà không làm giảm chất lượng. Các tệp của bạn càng nhỏ, chúng sẽ tải càng nhanh – và thời gian tải tổng thể của bạn sẽ càng thấp.

Các trang có nhiều hình ảnh và nội dung khác thường có kích thước trên 100KB. Do đó, chúng cồng kềnh và tải xuống chậm.

Bạn có thể tăng tốc thời gian tải xuống bằng cách nén chúng.

Để biết cách nén có thể tăng tốc trang web của bạn, bạn có thể sử dụng GIDNetwork  để chạy kiểm tra nén.

Chỉ cần nhập URL của bạn và nhấp vào “Kiểm tra”. Nếu trang bạn nhập không được nén, bạn sẽ thấy như sau:

kiểm tra gid

Điều này cho bạn biết kích thước không nén của trang mà sau này bạn có thể sử dụng làm chuẩn để đo lường kết quả nén.

Bên dưới đó, bạn sẽ thấy phân tích về khả năng bạn có thể giảm kích thước của trang về cả kích thước và tỷ lệ phần trăm bằng cách sử dụng một công cụ như Gzip (mà chúng ta sẽ đề cập trong bước tiếp theo).

kịch bản gid

Nén này liên quan đến các tệp HTML, CSS, JavaScript, văn bản thuần túy và XML.

9. Bật tính năng nén

Các tệp của bạn càng nhỏ, các trang của bạn sẽ tải càng nhanh. Nén tệp là một trong những cách dễ nhất để giảm thời gian tải và ngày nay, cho phép nén bằng Gzip  được coi là phương pháp tiêu chuẩn.

Gzip là một định dạng tệp và ứng dụng phần mềm về cơ bản định vị các chuỗi mã tương tự trong tệp văn bản của bạn, sau đó tạm thời thay thế chúng để làm cho tệp nhỏ hơn.

Điều này hoạt động tốt với CSS và HTML, vì những tệp này thường có mã lặp lại và khoảng trắng.

Hầu hết các máy chủ web có thể nén các tệp ở định dạng Gzip trước khi gửi chúng để tải xuống, bằng cách gọi mô-đun của bên thứ ba hoặc sử dụng các quy trình tích hợp sẵn. Theo Yahoo, điều này có thể giảm thời gian tải xuống khoảng 70% .

Và vì 90% lưu lượng truy cập Internet ngày nay đi qua các trình duyệt hỗ trợ Gzip, nên đó là một lựa chọn tuyệt vời để tăng tốc trang web của bạn.

Nếu bạn không chắc liệu trang web của mình có bật Gzip hay không, bạn có thể sử dụng checkgzipcompression.com  để xem. Chỉ cần nhập URL trang web của bạn và nếu bạn đã bật Gzip, bạn sẽ thấy một cái gì đó như sau:

kiểm tra gzip

Tuy nhiên, nếu bạn chưa bật Gzip, bạn sẽ muốn sửa lỗi này càng sớm càng tốt.

Nếu trang web của bạn chạy trên WordPress, cả hai plugin WP Rocket và W3 Total Cache đều hỗ trợ bật Gzip.

Trong W3 Total Cache, tất cả những gì bạn cần làm là chọn hộp bên cạnh “Bật nén HTTP (gzip).”

w3 gzip

Tuy nhiên, nếu bạn có một trang HTML tĩnh, bạn sẽ cần kích hoạt Gzip trong tệp .htaccess của mình. Mã chính xác bạn cần tùy thuộc vào máy chủ của bạn nhưng nếu trang web của bạn chạy trên Apache, chẳng hạn, nó sẽ giống như sau:

gzip apache

Cũng có một phiên bản tương tự của mã cần thiết  cho máy chủ NGINX.

Công cụ tối ưu hóa Crazy Egg

10. Bật bộ nhớ đệm của trình duyệt

Khi bạn truy cập một trang web, các phần tử trên trang bạn truy cập được lưu trữ trên ổ cứng của bạn trong bộ nhớ đệm hoặc bộ nhớ tạm thời.

Điều này có nghĩa là lần sau khi bạn truy cập trang web, trình duyệt của bạn có thể tải trang mà không cần phải gửi một yêu cầu HTTP khác đến máy chủ.

Đây là cách Tenni Theurer , trước đây của Yahoo, giải thích nó:

Lần đầu tiên ai đó truy cập trang web của bạn, họ phải tải xuống tài liệu HTML, bảng định kiểu, tệp javascript và hình ảnh trước khi có thể sử dụng trang của bạn. Đó có thể là 30 thành phần và 2,4 giây.

hình ảnh dán 0 3

Khi trang đã được tải và các thành phần khác nhau được lưu trữ trong bộ nhớ cache của người dùng, chỉ một số thành phần cần được tải xuống cho các lần truy cập tiếp theo.

Trong thử nghiệm của Theurer, đó chỉ là ba thành phần và 0,9 giây, giảm gần 2 giây so với thời gian tải.

hình ảnh đã dán 0 13

Theurer nói rằng 40-60% khách truy cập hàng ngày vào trang web của bạn đến với bộ nhớ cache trống, vì vậy điều quan trọng là bạn phải làm cho trang của mình nhanh chóng đối với những khách truy cập lần đầu tiên này. Nhưng việc kích hoạt bộ nhớ đệm có thể loại bỏ một lượng đáng kể thời gian khách truy cập quay lại và mang lại trải nghiệm người dùng tốt hơn.

Cách bạn thiết lập bộ nhớ đệm phụ thuộc vào việc bạn chạy trang web của mình bằng WordPress hay HTML tĩnh.

Tăng tốc độ trang web của bạn trong WordPress với W3 Total Cache

Nếu bạn chạy một trang web WordPress, bạn có thể sử dụng một plugin như W3 Total Cache  để dễ dàng kích hoạt bộ nhớ đệm.

Sau khi bạn đã cài đặt xong, hãy điều hướng đến “Bộ đệm trang” trong “Cài đặt chung” và chọn hộp bên cạnh “Bật”.

bộ đệm trang w3

Bản thân bước đơn giản này sẽ giúp bạn tăng hiệu suất trang web – nhưng bạn có thể làm nhiều việc hơn để cải thiện kết quả của mình với plugin.

Bật bộ nhớ đệm của trình duyệt cho phép bạn lưu trữ phiên bản đã lưu trong bộ nhớ cache của trang web trong trình duyệt của khách truy cập. Điều này có nghĩa là khi người dùng quay lại trang web của bạn, nó sẽ tải nhanh hơn.

Bạn có thể bật tùy chọn này bằng cách điều hướng đến Cài đặt chung> Bộ nhớ cache của trình duyệt và chọn hộp bên cạnh “Bật”.

bộ nhớ cache của trình duyệt

Nếu bạn sử dụng VPS hoặc máy chủ chuyên dụng, bạn cũng có thể bật bộ nhớ đệm đối tượng để tăng tốc các phần tử động trên trang web của mình.

Tính năng này cũng nằm trong Cài đặt chung của bạn.

bộ nhớ cache đối tượng

Tuy nhiên, nếu bạn đang sử dụng máy chủ được chia sẻ, tốt nhất là bạn nên tắt tùy chọn này. Bộ nhớ đệm đối tượng là một quá trình sử dụng nhiều tài nguyên và có thể làm chậm trang web của bạn – hoàn toàn ngược lại với những gì bạn muốn đạt được với plugin.

Khi bạn đã định cấu hình cài đặt của mình, bạn sẽ thấy những cải thiện về thời gian tải của mình ngay lập tức. W3 Total Cache tuyên bố rằng người dùng của họ đã thấy kết quả Tốc độ trang của Google được cải thiện gấp 10 lần và tiết kiệm băng thông tới 80% sau khi định cấu hình đầy đủ plugin.

Nếu bạn có một trang HTML tĩnh, bạn có thể bật bộ nhớ đệm trong tệp .htaccess của mình.

Bạn có thể thêm các dòng mã cho trình duyệt biết những gì cần lưu vào bộ nhớ cache và thời gian lưu trữ nó, trông giống như sau :

tăng tốc trang web của bạn htaccess bộ nhớ đệm

Điều này cho phép bạn đặt khoảng thời gian bạn muốn mỗi loại tệp được lưu trữ trong bộ nhớ cache của khách truy cập.

Nói chung, các tài nguyên tĩnh phải có thời gian tồn tại trong bộ nhớ cache ít nhất là một tuần. Các tài nguyên của bên thứ ba như quảng cáo hoặc tiện ích con phải có thời gian tồn tại trong bộ nhớ cache ít nhất một ngày.

Đối với tất cả các tài nguyên có thể lưu vào bộ nhớ cache như tệp JavaScript và CSS, tệp hình ảnh, tệp phương tiện và PDF, hãy đặt bộ nhớ đệm trong khoảng thời gian tối thiểu là một tuần đến một năm.

11. Giảm kích thước hình ảnh

Hình ảnh có thể đóng một vai trò quan trọng trong tốc độ trang web của bạn. Chúng thường là các tệp rất lớn, có thể làm chậm thời gian tải trang.

Nhưng loại bỏ chúng hoàn toàn không phải là một lựa chọn.

Hãy xem xét điều này: Chuyển đổi trang web Thương mại điện tử trung bình dao động trong khoảng 1-3%

Những con số đó có thể tăng cao tới 5% đối với một số trang web, như NatoMounts  – có tỷ lệ chuyển đổi trung bình khoảng 5%, với khoảng 85% số chuyển đổi đó trên thiết bị di động.

Một trong những cách tốt nhất để đưa tỷ lệ chuyển đổi của bạn lên cấp độ này là bao gồm nhiều hình ảnh sản phẩm hữu ích. Trong một cuộc khảo sát, 66% người tiêu dùng  cho biết họ muốn xem ít nhất ba bức ảnh sản phẩm trước khi mua.

Điều này có nghĩa là nếu bạn muốn vận hành một trang Thương mại điện tử thành công , hình ảnh là hoàn toàn cần thiết.

Điều đó cũng có nghĩa là việc nén hình ảnh rất quan trọng  – và điều này rất quan trọng cho dù trang web của bạn có bao gồm cửa hàng Thương mại điện tử hay không.

Bạn có thể thấy mức độ ảnh hưởng của hình ảnh trên bất kỳ trang nào của mình bằng một công cụ như Pingdom . Chạy kiểm tra tốc độ trang, sau đó xem “Yêu cầu theo loại nội dung”.

Trong ví dụ này, bạn có thể thấy rằng hình ảnh chiếm hơn 40% nội dung trên trang .

phần trăm hình ảnh

Reducing kích thước của chúng có khả năng có thể có một tác động lớn đến bao lâu trang cần để tải.

Trên thực tế, trong một nghiên cứu, việc thay đổi kích thước hình ảnh từ 22MB xuống 300KB dẫn đến giảm 70% thời gian tương tác hoặc lượng thời gian người dùng cần đợi trước khi họ có thể tương tác với trang web.

ảnh hưởng đến nén hình ảnh

Một trong những cách dễ nhất để giảm kích thước tệp hình ảnh là cắt hình ảnh của bạn theo đúng kích thước. Ví dụ: nếu bạn muốn một hình ảnh có chiều rộng là 570px, hãy thay đổi kích thước hình ảnh thành chiều rộng đó.

Đừng chỉ tải lên một hình ảnh có chiều rộng 2000px và đặt thông số chiều rộng theo kích thước bạn muốn. Điều này yêu cầu trang của bạn tải hình ảnh đầy đủ, sau đó điều chỉnh nó thành kích thước phù hợp, làm chậm trang của bạn.

Nếu bạn sử dụng tham số chiều rộng để làm cho hình ảnh xuất hiện nhỏ hơn trên trang web của mình, thì ưu tiên thay đổi kích thước những hình ảnh đó. Đó là một cách dễ dàng để giảm tổng kích thước của mỗi trang và có thể có tác động lớn đến tốc độ trang web của bạn.

Tiếp theo, bạn có thể nén các tệp hình ảnh của mình bằng một vài công cụ khác nhau.

Nếu trang web của bạn chạy trên WordPress, WP Smush  là một lựa chọn tuyệt vời.

Chọn hộp bên cạnh “Tự động làm mờ hình ảnh của tôi khi tải lên” và tất cả hình ảnh mới của bạn sẽ được nén mà không cần thêm một giây thao tác nào.

Bạn cũng có thể sử dụng plugin này để tự động thay đổi kích thước tất cả các tệp mới mà bạn tải lên. Đặt chiều rộng và chiều cao tối đa và bất kỳ hình ảnh nào vượt quá chúng sẽ bị “mờ”.

tăng tốc trang web của bạn wp smush

Nếu bạn không sử dụng WordPress, bạn có thể sử dụng một công cụ không phải WordPress như Compressor.io.

Trước khi thêm hình ảnh vào trang web của bạn, hãy tải hình ảnh đó lên công cụ này và chọn xem bạn muốn nén mất dữ liệu hay không mất dữ liệu.

máy nén io

(Nếu bạn không chắc cái nào là tốt nhất, hãy tiếp tục đọc – chúng ta sẽ hoàn thành điều đó chỉ sau một phút.)

Sau đó, bạn sẽ có thể xem thông tin về mức độ giảm của tệp và có thể tải xuống tệp mới, nhỏ hơn.

kết quả io máy nén

Sau khi bạn đã lưu tệp hình ảnh mới, bạn có thể tải nó lên trang web của mình.

Tiếp theo, bạn cũng sẽ muốn đảm bảo rằng mình đang sử dụng các loại tệp thích hợp cho từng hình ảnh. Điều này có vẻ như là một mối quan tâm nhỏ, nhưng các loại tệp bạn sử dụng có thể ảnh hưởng đến kích thước của mỗi tệp.

Bạn có một số tùy chọn khác nhau và phổ biến nhất là JPG, PNG và GIF .

các loại tệp hình ảnh

JPG thường là lựa chọn tốt nhất cho ảnh của bạn. Nó sử dụng tính năng nén mất dữ liệu, có nghĩa là một số dữ liệu của hình ảnh bị mất khi lưu ở định dạng này.

Người xem ảnh không thể phát hiện được mất mát dữ liệu này, nhưng dẫn đến kích thước tệp nhỏ hơn hầu hết các loại tệp hình ảnh.

Vì vậy, nếu bạn đang tải lên các trang có nhiều ảnh, hãy đảm bảo rằng tất cả chúng đều là JPG có thể giảm đáng kể thời gian tải mà không ảnh hưởng gì đến giao diện của chúng.

Mặt khác, PNG sử dụng tính năng nén không mất dữ liệu. Điều này có nghĩa là khi bạn lưu hình ảnh dưới dạng PNG, bạn sẽ không mất bất kỳ dữ liệu nào và kích thước tệp kết quả lớn hơn JPG.

Nếu bạn cần có đường nét rõ ràng và chi tiết sắc nét, PNG là lựa chọn phù hợp. Đây là tùy chọn tốt nhất cho biểu trưng, ​​ảnh chụp màn hình, nghệ thuật đường kẻ và đồ họa chi tiết khác.

Cuối cùng, GIF chỉ nên được sử dụng cho đồ họa nhỏ hoặc đơn giản dưới 10 × 10 pixel, bảng màu gồm 3 màu trở xuống và cho hình ảnh động.

Khi bạn đã chọn đúng kích thước và định dạng hình ảnh của mình, bạn có thể đảm bảo rằng mã bạn sử dụng để triển khai chúng cũng đúng. Đặc biệt, hãy đảm bảo tránh các mã src hình ảnh trống.

Trong HTML, mã cho hình ảnh bao gồm:

<img src = ””>

Khi không có nguồn nào trong dấu ngoặc kép, trình duyệt sẽ đưa ra yêu cầu đến thư mục của trang hoặc chính trang thực tế. Điều này có thể thêm lưu lượng truy cập không cần thiết vào máy chủ của bạn và thậm chí làm hỏng dữ liệu người dùng.

May mắn thay, đây là một sửa chữa dễ dàng để thực hiện. Thêm đường dẫn tệp của hình ảnh bạn muốn bao gồm hoặc xóa hoàn toàn các thẻ bổ sung.

12. Sử dụng CDN

Ngoài máy chủ lưu trữ trang web của bạn, bạn cũng có thể sử dụng các mạng máy chủ khác để giảm thời gian tải cho khách truy cập.

Khi trang web của bạn được lưu trữ trên một máy chủ, mỗi người dùng truy cập vào nó sẽ gửi yêu cầu đến máy chủ đó.

Điều này có nghĩa là khi trang web của bạn có mức lưu lượng truy cập cao, thời gian cần thiết để xử lý mỗi yêu cầu sẽ tăng lên, làm chậm thời gian tải cho tất cả chúng.

Khi bạn cho rằng thời gian lưu lượng truy cập cao thường mang lại rất nhiều tiềm năng phát triển cho doanh nghiệp của bạn, thì điều này còn xa lý tưởng.

Ngoài ra, đối với những người dùng ở xa máy chủ của bạn hơn, thời gian tải cao hơn vì thông tin có khoảng cách di chuyển xa hơn – ngay cả khi bạn không gặp nhiều lưu lượng truy cập.

CDN, hoặc Mạng phân phối nội dung, có thể giúp bạn loại bỏ những vấn đề này.

Với CDN, bạn lưu vào bộ đệm trang web của mình trên một mạng máy chủ toàn cầu. Khi trình duyệt của người dùng yêu cầu tệp từ trang web của bạn, yêu cầu đó sẽ được chuyển đến máy chủ gần nhất.

Ví dụ: giả sử máy chủ gốc của bạn ở California, nhưng sử dụng CDN để lưu trữ tệp trên toàn cầu. Mạng của bạn có thể trông giống như sau :

bản đồ cdn

Nếu người dùng từ Nam Phi truy cập trang web của bạn, trình duyệt của họ có thể tải xuống tệp từ máy chủ gần đó.

Nội dung mà người dùng nhận được giống hệt nhau, nhưng có thể tải nhanh hơn nhiều so với nội dung nếu trình duyệt của họ thực hiện yêu cầu tới một máy chủ ở xa về mặt địa lý. Điều này giúp loại bỏ độ trễ tải và các vấn đề về độ trễ mà người dùng ở xa máy chủ lưu trữ đôi khi gặp phải.

Trong một thử nghiệm, Venture Harbor báo cáo thời gian tải giảm từ 20-51%  – trong 20 phút làm việc.

Ventharbor cdn

Các cải tiến chính xác khác nhau giữa các trang, với các trang có nhiều hình ảnh lớn sẽ được hưởng lợi nhiều nhất từ ​​CDN.

Nếu bạn muốn bắt đầu sử dụng CDN, các lựa chọn tốt nhất của bạn là MaxCDN  và Cloudflare .

MaxCDN là một CDN đầy đủ, có nghĩa là nó chỉ  cung cấp các dịch vụ CDN. Họ có nhiều trung tâm dữ liệu hơn và chỉ tập trung vào việc cải thiện thời gian tải.

Mặt khác, Cloudflare kết hợp dịch vụ CDN với các tính năng bảo mật và tối ưu hóa.

Cái bạn chọn tùy thuộc vào việc bạn muốn những tính năng bổ sung đó hay chỉ muốn tập trung vào việc cải thiện tốc độ.

Và dù bằng cách nào thì việc thiết lập  cũng là một quá trình khá nhanh chóng.

Nếu bạn sử dụng MaxCDN, bạn sẽ bắt đầu bằng cách tạo “vùng kéo”. Nhấp vào “Khu vực” trong bảng quản trị.

hình ảnh dán 0 2

Sau đó, nhấp vào “Tạo vùng kéo”.

tăng tốc độ vùng kéo trang web của bạn

Tại đây, bạn sẽ cần nhập URL máy chủ ban đầu, cũng như tên và nhãn cho vùng kéo của bạn.

hình ảnh dán 0 4

Sau khi nhấp vào tạo, bạn sẽ thấy URL cho CDN của mình, như cdn.yourdomain.netdna-cdn.com. Sao chép nó vào notepad hoặc một nơi nào khác mà nó có thể dễ dàng truy cập. (Bạn sẽ cần nó trong vài phút.)

Tiếp theo, bạn cần tạo “vùng nội dung” bằng cách nhấp vào nút “quản lý” bên cạnh vùng kéo của bạn. Nhấp vào “Cài đặt” và nhập nhiều miền phụ vào các trường “Miền tùy chỉnh”.

Chúng thường phải là cdn.yourdomain.com, cdn1.yourdomain.com, cdn1.yourdomain.com, cdn3.yourdomain.com, v.v.

hình ảnh đã dán 0 11

(Định dạng đặt tên này là thông lệ tiêu chuẩn và sẽ dễ nhớ nhất nếu bạn gặp sự cố hoặc cần tham khảo ý kiến ​​nhà phát triển.)

Bạn có thể thêm tối đa bảy miền tùy chỉnh, sau đó nhấp vào “Cập nhật”.

Sau đó, bạn sẽ cần thêm CDN mới vào trang web của mình thông qua trình chỉnh sửa DNS của nhà cung cấp dịch vụ lưu trữ. Vị trí chính xác khác nhau tùy theo nhà cung cấp, nhưng trong hầu hết các trường hợp, bạn có thể tìm thấy trình chỉnh sửa DNS trong menu “Miền” của mình.

Trong Bluehost, menu này được gọi là “Zone Editor.” Nếu bạn sử dụng Bluehost, các trường bạn cần sẽ giống như thế này.

tăng tốc trang web của bạn bluehost cname

Nhập URL mà MaxCDN đã cung cấp (được sao chép và dán từ notepad), đặt Loại thành “CNAME” và một trong các miền CDN tùy chỉnh mà bạn đã tạo (như cdn.yourdomain.com).

Sau đó, lặp lại quy trình này cho tất cả các miền phụ của bạn.

Bạn đã hoàn tất!

Và nếu bạn muốn sử dụng Cloudflare, quá trình này thậm chí còn đơn giản hơn .

Nhấp vào nút “Đăng ký” trên trang chủ của họ , sau đó tạo tài khoản. Nhập miền của bạn và nhấp vào “Bắt đầu quét”.

hình ảnh đã dán 0 8

Quá trình này mất khoảng một phút và sẽ làm thế nào tất cả các bản ghi DNS của bạn, bao gồm bất kỳ miền phụ nào. Bạn có thể quyết định những cái nào bạn muốn bật.

tăng tốc độ ghi dns trang web của bạn

Chọn gói bạn muốn, sau đó nhấp vào “Xử lý và tiếp tục”.

Sau đó, bạn sẽ thấy máy chủ định danh Cloudflare cho miền của mình. Tiếp theo, bạn cần cập nhật máy chủ định danh cho miền của mình.

Bạn cần thực hiện việc này thông qua công ty đăng ký tên miền của mình. Đăng nhập vào công ty đăng ký của bạn và điều hướng đến bản ghi máy chủ định danh của bạn.

Điều này khác nhau đối với mỗi công ty đăng ký. Ví dụ: với Bluehost, bạn có thể tìm thấy nó bằng cách đi tới “Trình quản lý miền”, sau đó nhấp vào tab “Máy chủ định danh”.

tên bluehost

Sau đó, chuyển tùy chọn của bạn thành “Sử dụng máy chủ tên tùy chỉnh” và sao chép và dán máy chủ định danh mà Cloudflare cung cấp.

Lưu các thay đổi của bạn, sau đó quay lại trang tổng quan Cloudflare để xác minh rằng bạn đã cài đặt đúng CDN của mình. Nhấp vào tab “Tổng quan” và nếu CDN của bạn đang chạy, bạn sẽ thấy mã trạng thái “Hoạt động”.

hình ảnh dán 0 9

Nếu vậy, CDN của bạn đang hoạt động!

Bước cuối cùng bạn sẽ muốn thực hiện là xác minh rằng các bản ghi SSL của bạn đã được cung cấp. Nhấp vào tab “Tiền điện tử” để xác minh rằng các bản ghi SSL được đặt ở vị trí cũ. Bạn sẽ thấy một bản ghi tên miền gốc và một bản ghi tên miền phụ ký tự đại diện.

Nếu bạn chưa thấy những bản ghi này, có thể mất 24 giờ để chúng xuất hiện.

Nhưng một khi chúng làm như vậy, CDN của bạn đang cung cấp phiên bản an toàn của trang web – giống hệt như máy chủ gốc của bạn.

13. Sử dụng các nền tảng lưu trữ bên ngoài

Ngoài việc lưu trữ các tệp của trang web của bạn trên CDN, bạn cũng có thể sử dụng các nền tảng lưu trữ bên ngoài cho một số tệp lớn hơn của mình.

Điều này đặc biệt có giá trị đối với video.

Ví dụ: giả sử bạn muốn thêm video hướng dẫn vào trang web của mình. Bạn tạo, chỉnh sửa và xuất tệp video.

Giờ thì sao?

Ý nghĩ đầu tiên của bạn có thể là tải video trực tiếp lên trang web của bạn thông qua FTP hoặc trình chỉnh sửa WordPress.

Đừng làm điều này.

Khi bạn lưu trữ video trên máy chủ của riêng mình, chúng sẽ chiếm rất nhiều dung lượng . Các tệp video có thể dễ dàng chiếm hơn 100MB.

Nếu bạn sử dụng một máy chủ chia sẻ, bạn có một số lượng không gian hạn chế. Video có thể khiến bạn nhanh chóng vượt quá giới hạn này.

Trong một số trường hợp, các tệp video lớn thậm chí có thể vi phạm điều khoản Sử dụng được chấp nhận của bạn, điều này có thể khiến tài khoản lưu trữ của bạn bị đóng hoàn toàn.

Và ngay cả khi bạn có thể tải video lớn lên nhà cung cấp dịch vụ lưu trữ của mình, nó vẫn có khả năng cung cấp trải nghiệm người dùng kém.

Nếu nhiều người dùng cố gắng xem video trên trang web của bạn cùng một lúc, máy chủ của bạn sẽ cần gửi tệp lớn đó cho tất cả họ. Nếu máy chủ của bạn có lượng băng thông hạn chế, điều này có thể dẫn đến độ trễ và tạm dừng khi phát lại.

Nếu bạn đã từng cố gắng xem một video và nó phải tạm dừng vài giây một lần để tải, bạn biết nó có thể gây khó chịu như thế nào.

Đừng làm điều đó với khách của bạn.

Thay vào đó, hãy lưu trữ video của bạn trên dịch vụ của bên thứ ba như YouTube , Vimeo hoặc Wistia .

Sau đó, nhúng video vào trang web của bạn.

Quá trình này tiết kiệm không gian, dẫn đến thời gian tải nhanh hơn và cực kỳ dễ thực hiện.

Phần khó nhất chỉ là chọn cái nào bạn muốn sử dụng.

YouTube

Khi hầu hết mọi người nghĩ về video trực tuyến, họ nghĩ đến YouTube. Đây là một trong những trang web nổi tiếng nhất trên thế giới, với cơ sở người dùng hơn 1,5 triệu người  xem gần 5 tỷ video mỗi ngày.

Điều này có nghĩa là nó có nhiều người dùng hàng tháng hơn mọi nền tảng truyền thông xã hội lớn trừ facebook.

người dùng youtube hàng tháng

Nó cũng hoàn toàn miễn phí để sử dụng.

Lợi thế tiềm năng lớn nhất của YouTube là nó có thể giúp bạn tiếp cận lượng khán giả lớn hơn. Nếu bạn muốn sử dụng video để nâng cao nhận thức về thương hiệu và gửi lưu lượng truy cập đến trang web của mình, đó là một lựa chọn tuyệt vời.

Tuy nhiên, nếu bạn chỉ muốn nhúng video vào trang web của mình và không quan tâm đến việc chúng được phát hiện trên nền tảng khác, thì điều này có thể không thành vấn đề.

Một nhược điểm đáng chú ý của YouTube là nó có giới hạn 15 phút cho hầu hết các video. Nếu bạn muốn tải lên nội dung dài hơn, bạn sẽ cần phải gửi yêu cầu tăng giới hạn của mình – vì vậy nếu đây là việc bạn sẽ làm thường xuyên, thì đó có thể không phải là lựa chọn tốt nhất cho bạn.

Vimeo

Sau YouTube, Vimeo là nền tảng lưu trữ video lớn thứ hai với 715 triệu lượt xem mỗi tháng .

Vì vậy, mặc dù vẫn có khả năng đưa video của bạn đến với khán giả mới, nhưng đối tượng tiềm năng của bạn sẽ nhỏ hơn so với YouTube.

Mặt khác, trình phát video tiêu chuẩn của nó trông đẹp hơn một chút so với YouTube.

người chơi vimeo

Tuy nhiên, điều quan trọng cần lưu ý là Vimeo có giới hạn tải lên đối với nội dung.

Mặc dù tư cách thành viên cơ bản sẽ cho phép bạn tải lên 500MB mỗi tuần và tổng cộng tối đa 5GB, ba gói trả phí của họ dao động từ $ 7 đến $ 50 mỗi tháng, với bộ nhớ từ 250GB đến 5TB.

Wistia

Wistia hơi khác so với YouTube và Vimeo ở chỗ nó được thiết kế với mục đích tiếp thị.

Người dùng thường không duyệt qua trang web của Wista để tìm nội dung – vì vậy nếu video của bạn được tìm kiếm và tìm thấy, đây không phải là tùy chọn dành cho bạn.

Nhưng nếu bạn tập trung vào việc sử dụng video như một công cụ tiếp thị, nó có thể là chính xác những gì bạn cần.

Nền tảng cung cấp số liệu phân tích toàn diện, bao gồm khách truy cập của bạn đến từ đâu, họ nhấp chuột ở đâu và họ ngừng xem video bao xa.

Nó cũng cho phép bạn bao gồm lời gọi hành động trực tiếp trong video của mình và thậm chí yêu cầu họ đăng ký danh sách email của bạn trước khi xem.

Ngoài ra, trình phát video của Wistia có thể tùy chỉnh , vì vậy bạn có thể mang lại cảm giác thương hiệu cho video của mình bằng cách thay đổi nút phát và các nút điều khiển khác thành màu sắc của thương hiệu.

khôn ngoan

Bạn cũng có thể tùy chỉnh cài đặt tự động phát tùy chọn tải, phụ đề và tùy chọn chia sẻ, đồng thời giúp người dùng dễ dàng bỏ qua các điểm nhất định trong video bằng cách thêm chương.

Và nếu bạn sử dụng HubSpot hoặc Marketo, nó có thể được tích hợp đầy đủ với cả hai nền tảng đó.

Nhược điểm lớn nhất của Wistia là gói miễn phí của nó chỉ bao gồm ba video.

Ngoài ra, các gói trả phí là $ 99 + mỗi tháng.

Khi bạn đã chọn nền tảng video của mình và tải video lên, việc thêm nó vào trang web của bạn rất dễ dàng bất kể bạn sử dụng nền tảng nào.

Chọn “Nhúng” và sao chép mã HTML mà nền tảng của bạn cung cấp.

nhúng youtube

Sau đó, sao chép và dán mã vào trang mà bạn muốn nó xuất hiện.

Đối với các trang web HTML, chỉ cần thêm nó vào mã của bạn ở vị trí bạn muốn nó hiển thị trên trang.

Đối với WordPress, hãy chuyển sang trình soạn thảo văn bản và thực hiện tương tự.

Dưới đây là một ví dụ về video Wistia trông như thế nào được nhúng trong một bài đăng trên blog WordPress:

IFrame

14. Tối ưu hóa phân phối CSS

CSS nắm giữ các yêu cầu về kiểu dáng cho trang của bạn. Nói chung, trang web của bạn truy cập thông tin này theo một trong hai cách: Trong một tệp bên ngoài, tải trước khi trang của bạn hiển thị hoặc nội dòng, có nghĩa là nó nằm trong chính tài liệu HTML.

CSS bên ngoài được tải vào đầu HTML của bạn với mã trông giống như sau:

<! – Phong cách của bạn ->

<link rel = ”stylesheet” type = ”text / css” media = ”all” href = http: //yourURL/style.css />

CSS nội tuyến được lồng trong HTML của trang của bạn và trông giống như sau:

tăng tốc độ trang web của bạn css

Theo nguyên tắc chung, tránh đưa CSS vào mã HTML (như trong div hoặc các tiêu đề của bạn) như trong CSS nội tuyến được hình ở trên. Bạn sẽ nhận được mã rõ ràng hơn nếu bạn đặt tất cả CSS của mình vào biểu định kiểu bên ngoài.

Điều này làm giảm kích thước mã của bạn và tạo ra ít trùng lặp mã hơn.

Khi thiết lập kiểu của bạn, tốt nhất bạn chỉ nên sử dụng một biểu định kiểu CSS bên ngoài, vì các biểu định kiểu bổ sung làm tăng yêu cầu HTTP.

Nếu bạn không chắc CSS của mình hiện đang được thiết lập như thế nào, bạn có thể sử dụng công cụ phân phối CSS này  để tìm hiểu. Nhập URL của bạn và bạn sẽ thấy một báo cáo với tất cả các tệp CSS bên ngoài của bạn.

giao hàng css

Cuộn xuống và bạn cũng sẽ thấy vị trí của tệp bên ngoài đó cũng như bất kỳ CSS nội tuyến nào trên trang và tổng kích thước của các tệp CSS của bạn.

tăng tốc độ phân phối css trang web của bạn 2

Nếu bạn có nhiều tệp CSS bên ngoài, mỗi tệp sẽ thêm vào thời gian tải trang của bạn. Trong một số trường hợp, điều này là không thể tránh khỏi – nhưng trong hầu hết, tốt nhất nên kết hợp chúng.

May mắn thay, đây là một quá trình đơn giản và một quá trình thường có thể được thực hiện mà không cần gì khác hơn là sao chép và dán.

Chỉ cần sao chép nội dung của từng tệp CSS bạn có và dán vào một tệp CSS chính .

css kết hợp

Sau đó, cập nhật HTML của bạn để tham chiếu tệp mới này và xóa tất cả các tham chiếu cho các tệp cũ.

Giờ đây, trình duyệt của khách truy cập của bạn chỉ cần tải xuống một tệp CSS thay vì nhiều tệp, điều này làm giảm số lượng yêu cầu tổng thể và giảm thời gian tải trang.

kết hợp css trước sau

Sau khi thực hiện xong việc này, bạn có thể sử dụng PageSpeed ​​Insights  để đảm bảo rằng bạn không gặp bất kỳ vấn đề nào với CSS chặn hiển thị.

Nếu bạn có bất kỳ tài nguyên tập lệnh chặn nào, bạn sẽ thấy chúng trong “Đề xuất tối ưu hóa”.

tốc độ trang kết xuất

Nếu bạn đã sử dụng một plugin như WP Rocket hoặc W3 Total Cache, thì đây không phải là vấn đề. Nếu bạn vẫn gặp sự cố chặn hiển thị, hãy kiểm tra kỹ cài đặt plugin của bạn hoặc làm theo các đề xuất của Google  để tối ưu hóa phân phối CSS.

15. Ưu tiên nội dung trong màn hình đầu tiên (tải chậm)

Chúng tôi vừa khuyến nghị rằng bạn chỉ sử dụng một biểu định kiểu CSS và không sử dụng CSS nội tuyến, có một lưu ý bạn cần xem xét.

Bạn có thể cải thiện trải nghiệm người dùng bằng cách để phần trong màn hình đầu tiên (đầu trang) tải nhanh hơn – ngay cả khi phần còn lại của trang mất vài giây để tải.

Điều này được gọi là tải chậm và đặc biệt hữu ích cho các trang có nhiều nội dung dưới màn hình đầu tiên.

Ví dụ: giả sử bạn viết một bài đăng trên blog bao gồm 20 ảnh. Thông thường, trình duyệt của người dùng sẽ cần tải xuống tất cả những hình ảnh đó trước khi hiển thị bất kỳ thứ gì trên trang.

Với tính năng tải chậm, nó có thể tải nội dung trong chế độ xem trước, sau đó tải tất cả các ảnh đó sau đó.

Bằng cách này, người dùng không phải đợi để truy cập trang và hình ảnh sẽ tải khi họ được xem.

Điều này có thể giảm đáng kể thời gian tải trên các bài đăng có hàng tấn hình ảnh (như bài viết này).

Và nếu bạn chạy trang web của mình trên WordPress, việc kích hoạt nó cũng dễ dàng như cài đặt một plugin. Có rất nhiều tùy chọn bạn có thể sử dụng  để bắt đầu sử dụng tính năng tải chậm trên trang web của mình.

Lười tải

Lazy Load  là một plugin cực kỳ đơn giản sử dụng jQuery.sonar để chỉ tải hình ảnh khi chúng hiển thị trong trình duyệt của người dùng.

Tất cả những gì bạn cần làm là cài đặt và kích hoạt nó Sau đó, plugin sẽ tự động phát hiện khi một hình ảnh hiển thị cho người dùng và tải nó.

tăng tốc độ tải chậm trang web của bạn

Không có cài đặt hoặc tùy chọn tùy chỉnh nào để gây rối – tùy thuộc vào sở thích của bạn, có thể là điều tốt hoặc điều xấu.

Dù bằng cách nào: Nếu bạn đang tìm kiếm một giải pháp nhanh chóng, đơn giản, thì đây chính là nó.

BJ tải lười biếng

BJ Lazy Load  là một plugin tương đối đơn giản khác, nhưng cung cấp thêm một số tùy chọn để tùy chỉnh.

Đầu tiên, bạn có thể xác định nội dung nào trên trang web của mình mà bạn muốn tải chậm. Điều này có thể bao gồm nội dung, hình thu nhỏ, gravatars, hình ảnh và iframe.

bj tải lười biếng

Bạn cũng có thể đặt hình ảnh trình giữ chỗ chuẩn cho nội dung chưa tải và bỏ qua hình ảnh có các lớp nhất định.

Vì vậy, ví dụ: nếu bạn không muốn một hình ảnh cụ thể tải chậm, bạn có thể mã hóa nó bằng một cái gì đó như:

<img src = ”image.jpg” class = ”no-lazy”>

Bằng cách này, plugin biết tải hình ảnh đó như bình thường.

Bạn cũng có thể đặt ngưỡng cho mức độ gần với màn hình của người xem trước khi tải. Điều này cho phép bạn kiểm soát nhiều hơn tốc độ và chức năng của cách tải trang của bạn.

bj lười tải 2

Plugin cũng tương thích với cuộn vô hạn.

Nếu bạn đang tìm kiếm một plugin dễ sử dụng, nhưng cho phép kiểm soát nhiều hơn một chút so với Lazy Load, thì đây là một lựa chọn tuyệt vời.

Tên lửa WP

Nếu bạn đã sử dụng WP Rocket, bạn cũng có thể sử dụng plugin để kích hoạt tải chậm .

Mở cài đặt WP Rocket của bạn, sau đó nhấp vào tab “Cơ bản”. Trong phần LazyLoad, hãy chọn hộp bên cạnh “Bật cho hình ảnh”.

wprocket lazyload

Khi bạn đã bật tính năng này, bạn có thể sử dụng một số tùy chọn tùy chỉnh.

Ví dụ: nếu bạn không muốn sử dụng tính năng tải chậm trên một bài đăng hoặc trang cụ thể, bạn có thể chỉ cần tắt tính năng này cho trang đó.

Chỉ cần mở trang, sau đó cuộn xuống hộp “Tùy chọn bộ nhớ cache” ở thanh bên phải. Sau đó, bỏ chọn hộp bên cạnh “LazyLoad for Images” và lưu các thay đổi của bạn.

vô hiệu hóa lười tải bài đăng trên trang cụ thể

Bạn cũng có thể sử dụng các đoạn mã để tắt tính năng tải chậm cho các loại trang cụ thể, như trang chủ hoặc trang blog của bạn.

Ví dụ: vô hiệu hóa tải chậm cho trang chủ của bạn sẽ trông giống như sau:

vô hiệu hóa nhà lười biếng

Bạn có thể sao chép và dán các đoạn mã này từ hướng dẫn của WP Rocket về cài đặt tải chậm .

Nếu bạn muốn tắt tính năng tải chậm cho các hình ảnh cụ thể, bạn có thể thực hiện việc đó bằng cách sử dụng thuộc tính “data-no-lazy”.

Chỉ cần thêm nó vào mã hình ảnh của bạn và hình ảnh đó sẽ tải bình thường.

dữ liệu không lười biếng

Cuối cùng, bạn có thể bật hiệu ứng mờ dần để làm cho hình ảnh của bạn tải trơn tru hơn.

Khi các hình ảnh xuất hiện đồng thời, chúng có thể mang lại trải nghiệm khó chịu cho khách truy cập. Bạn có thể làm cho chúng xuất hiện dần dần bằng cách thêm một đoạn mã vào tệp CSS của mình.

hiệu ứng mờ dần wp

Bạn cũng có thể tìm thấy đoạn mã này trong hướng dẫn tải lười biếng của WP Rocket .

16. Giảm số lượng plugin bạn sử dụng trên trang web của mình

Như bạn có thể đã thu thập được từ bài đăng này cho đến nay, các plugin có thể làm được rất nhiều điều để cải thiện trang web WordPress của bạn. Bạn có thể sử dụng chúng để thêm chức năng tùy chỉnh, xóa mã, cải thiện trải nghiệm người dùng và hơn thế nữa.

Họ cũng loại bỏ sự cần thiết phải lộn xộn với nhiều mã, điều này tạo ra trải nghiệm cực kỳ thân thiện với người dùng khi làm việc trên trang web của bạn.

Thêm vào đó, chúng cực kỳ dễ cài đặt.

Điều này giúp bạn dễ dàng tiếp tục thêm và cài đặt các plugin mà không cần xem xét đến nhược điểm tiềm ẩn.

Thật không may, việc cài đặt quá nhiều plugin có thể gây ra một số vấn đề.

Chúng có thể làm chậm trang web của bạn, tạo ra các vấn đề bảo mật và thậm chí gây ra sự cố và các khó khăn kỹ thuật khác.

Thêm vào đó, việc theo kịp bảo trì và cập nhật có thể rất tẻ nhạt khi bạn có rất nhiều.

Và ngay cả khi bạn không có nhiều plugin, bạn nên đánh giá những plugin bạn đã cài đặt một cách thường xuyên. Bất kỳ nội dung nào đã lỗi thời, không hiệu quả hoặc được định cấu hình không chính xác đều có thể có tác động tiêu cực đến tốc độ trang web của bạn.

Việc hủy kích hoạt và xóa mọi thứ không cần thiết đều có thể cải thiện tốc độ tổng thể của bạn và giúp bảo trì dễ dàng hơn về lâu dài.

Có một số cách khác nhau để bạn có thể đánh giá các plugin trên trang web của mình và loại bỏ bất kỳ cách nào làm chậm tốc độ trang web của bạn.

Kiểm tra các plugin của bạn

Khi bạn đang tìm cách cải thiện tốc độ trang web, có hai cách khác nhau để xác định plugin nào đang ảnh hưởng đến nó.

Đầu tiên là vô hiệu hóa các plugin có chọn lọc, sau đó đo hiệu suất trang web của bạn. Đây có thể là một quá trình tẻ nhạt nếu bạn có nhiều plugin, nhưng sẽ cho bạn thấy sự khác biệt của mỗi plugin.

Trước tiên, hãy chạy kiểm tra tốc độ với tất cả các plugin của bạn được bật. Bạn có thể thực hiện việc này bằng các công cụ như GTmetrix, Pingdom hoặc bất kỳ công cụ tốc độ trang web nào khác mà bạn thích.

gtmetrix

Sau đó, hãy thử nghiệm bằng cách tắt từng plugin một và kiểm tra lại tốc độ của bạn.

Ghi lại thời gian tải trang của bạn sau mỗi lần kiểm tra và plugin nào bạn đã tắt để đạt được tốc độ nhanh hơn.

Nếu bạn có nhiều plugin, quá trình này có thể mất một lúc.

May mắn thay, có một giải pháp thay thế: Cài đặt một plugin khác.

… Vâng, tôi thấy điều trớ trêu ở đây.

Nhưng Hồ sơ hiệu suất plugin  là một tùy chọn chắc chắn để xác định các plugin đang gây ra sự cố trên trang web của bạn. Ngoài ra, nó nhanh hơn và dễ dàng hơn nhiều so với việc tắt từng plugin theo cách thủ công và chạy kiểm tra tốc độ trang web (và bạn luôn có thể tắt nó ngay sau khi sử dụng xong).

Sau khi bạn đã cài đặt plugin, hãy chuyển đến trang cài đặt của bạn và chạy quét trang web.

Quá trình này sẽ mất vài phút, sau đó hiển thị cho bạn một báo cáo với bảng phân tích chi tiết về hiệu suất của từng plugin trên trang web của bạn.

tăng tốc trình biên dịch hiệu suất plugin trang web của bạn

Thời gian tải plugin ở đầu báo cáo cho bạn biết thời gian tải tích lũy cho tất cả các plugin trên trang web của bạn, cũng như phần trăm tổng thời gian tải của chúng.

Bạn cũng có thể xem dòng thời gian chi tiết với thông tin về mọi plugin, chủ đề của bạn và cốt lõi cho mỗi trang. Điều này sẽ giúp bạn xác định chính xác vấn đề xảy ra trên các trang tải chậm.

thời gian biểu diễn

Cuối cùng, bạn có thể lưu lịch sử quét hiệu suất của mình trực tiếp trong plugin. Bằng cách này, nếu bạn gặp sự cố trong tương lai, bạn sẽ có một điểm chuẩn và điểm khởi đầu tốt để xác định sự cố.

bản ghi plugin

Nếu bạn tìm thấy bất kỳ plugin nào trong quá trình đánh giá đang làm chậm trang web của bạn và không cần thiết, chỉ cần hủy kích hoạt và xóa chúng.

Một chiến thắng dễ dàng để tìm kiếm ở đây là plugin biểu mẫu liên hệ của bạn, nếu bạn có. Nhiều chủ sở hữu trang web cài đặt plugin biểu mẫu liên hệ vì họ nghĩ rằng đó là cách duy nhất để thêm biểu mẫu vào trang web của họ.

Nhưng ngày nay, nhiều chủ đề đi kèm với chức năng biểu mẫu liên hệ được tích hợp sẵn.

Nếu bạn nhận thấy rằng plugin biểu mẫu liên hệ của bạn đang làm chậm trang web của bạn, hãy kiểm tra kỹ xem tính năng này có đi kèm với chủ đề của bạn hay không. Nếu vậy, hãy cập nhật biểu mẫu của bạn và xóa plugin.

Xác định sự chồng chéo về chức năng

Trong hầu hết các trường hợp, các plugin bạn đã cài đặt trên trang web của mình phục vụ một mục đích rõ ràng. Vì vậy, ngay cả khi khối lượng lớn đang làm chậm trang web của bạn, thì việc xóa chúng có thể không phải là một lựa chọn.

May mắn thay, có rất nhiều plugin có thể thực hiện nhiều hơn một mục tiêu và việc tìm kiếm chúng có thể giúp bạn loại bỏ các plugin chỉ phục vụ một mục đích.

Ví dụ: các plugin WP Rocket và WP Total Cache trên trang này đều cực kỳ hữu ích để cải thiện tốc độ trang web và cả hai đều là những lựa chọn tuyệt vời.

Nhưng xem xét rằng chúng phục vụ nhiều mục đích giống nhau, rất có thể bạn không cần cả hai. Nếu bạn đã cài đặt cả hai tính năng này trên trang web của mình, bạn có thể đánh giá các tính năng bạn sử dụng trên mỗi tính năng và xem liệu một trong hai có thể làm mọi thứ bạn cần hay không.

Sau đó, bật tất cả các tính năng đó trong plugin mà bạn chọn gắn bó và hủy kích hoạt plugin kia.

Nếu bạn đã cài đặt nhiều plugin, bạn có thể ngạc nhiên về số lượng plugin đơn giản hơn có thể dễ dàng bị loại bỏ bằng cách kích hoạt một tính năng mạnh mẽ hơn.

Loại bỏ các plugin cho các tác vụ bạn có thể làm thủ công

Tùy thuộc vào mức độ kinh nghiệm của mình, bạn cũng có thể cắt giảm lượng plugin của mình bằng cách thực hiện một số tác vụ theo cách thủ công.

Ví dụ: nhiều chủ sở hữu trang web sử dụng một plugin để thêm mã theo dõi Google Analytics vào tiêu đề của họ. Và mặc dù điều này làm cho quá trình này trở nên cực kỳ dễ dàng đối với những người dùng không thích chỉnh sửa mã, nhưng nó không cần thiết.

Nếu bạn đã  cài đặt plugin Chèn đầu trang và chân trang (hoặc một plugin tương tự) để chỉnh sửa các phần khác của thẻ tiêu đề, bạn có thể sao chép mã Google Analytics từ trang tổng quan quản trị của mình, sau đó dán mã vào đây.

Lưu các thay đổi của bạn và mã theo dõi của bạn đã được cài đặt.

Nếu bạn chưa cài đặt plugin để chỉnh sửa đầu trang và chân trang, bạn có thể thêm nó vào đầu trang theo cách thủ công thông qua FTP của trang web.

Tất nhiên, đây là một tùy chọn nâng cao hơn và chỉ là một ý tưởng hay nếu bạn cảm thấy thoải mái với các chỉnh sửa mã cơ bản. Nhưng khi bạn dán mã của mình và tải lại tệp lên, bạn đã sẵn sàng sử dụng Google Analytics – hoàn toàn không cần plugin.

Một plugin cơ bản khác mà bạn có thể đã cài đặt là plugin phông chữ. Những plugin này được thiết kế để giúp bạn dễ dàng thay đổi phông chữ của trang web – nhưng nếu bạn đã cài đặt một plugin, bạn có thể loại bỏ nó bằng một vài dòng mã.

Truy cập Google Fonts  và chọn phông chữ bạn muốn sử dụng trên trang web của mình. Trong “Nhúng”, bạn sẽ thấy mã HTML và CSS cho phông chữ đó.

tăng tốc trang web của bạn phông chữ google

Thêm mã HTML vào tiêu đề của bạn và CSS vào biểu định kiểu CSS của trang web của bạn ở bất kỳ nơi nào bạn muốn sử dụng phông chữ đã chọn.

Bạn cũng có thể làm điều này với bao nhiêu phông chữ tùy thích. Vì vậy, bạn hoàn toàn có thể tùy chỉnh cách tất cả văn bản trên trang web của mình xuất hiện mà không cần một plugin nào.

17. Giảm chuyển hướng

Chuyển hướng thường cần thiết khi bạn di chuyển và xóa các trang và là cách tốt nhất để loại bỏ các vấn đề với các liên kết bị hỏng.

Nhưng có quá nhiều trong số chúng có thể tạo ra các yêu cầu HTTP bổ sung, có thể ảnh hưởng tiêu cực đến tốc độ, đặc biệt là trên thiết bị di động.

Điều này có nghĩa là tốt nhất nên giữ chúng ở mức tối thiểu. Trên thực tế, Google nói  rằng lý tưởng nhất là chủ sở hữu trang web sẽ loại bỏ chúng hoàn toàn.

Thật không may, điều này không thực tế đối với hầu hết các chủ sở hữu trang web đã từng loại bỏ hoặc tái cấu trúc nội dung của họ.

Tuy nhiên, trong hầu hết các trường hợp, vẫn có chỗ để cải thiện.

Bạn có thể bắt đầu bằng cách sử dụng Screaming Frog  để nhanh chóng xác định tất cả các chuyển hướng hiện có trên trang web của bạn.

Chạy quét trang web, sau đó sắp xếp theo cột “Mã trạng thái” để xem tất cả các chuyển hướng 301 trên trang web của bạn.

tăng tốc trang web của bạn ếch kêu gào

Bạn có thể xem qua các chuyển hướng này để biết chúng đang hoàn thành những gì và đảm bảo rằng chúng phục vụ một mục đích cần thiết.

Bạn cũng có thể sử dụng cơ hội này để xác định chuỗi chuyển hướng hoặc chuyển hướng trỏ đến các trang được chuyển hướng khác. Điều này tạo ra các yêu cầu bổ sung không cần thiết, có thể làm chậm thời gian tải của bạn.

Nếu bạn tìm thấy bất kỳ chuỗi chuyển hướng nào, bạn có thể chỉnh sửa tệp .htaccess của mình  để trỏ tất cả các trang được chuyển hướng trực tiếp đến các phiên bản gần đây nhất của trang đó.

18. Giảm các tập lệnh bên ngoài

Như chúng tôi đã đề cập ở trên, trang web của bạn gửi càng ít yêu cầu đến máy chủ, thì trang sẽ tải càng nhanh.

Mặc dù các tệp CSS và JavaScript thường là thủ phạm chính của các tập lệnh bên ngoài bổ sung, chúng không phải là những tập lệnh duy nhất – và việc loại bỏ bất kỳ tập lệnh nào khác cũng có thể ảnh hưởng đến tốc độ của bạn.

Có nhiều tích hợp bên thứ ba phổ biến mà bạn có thể đang chạy trên trang web của mình mà bạn không thực sự nghĩ đến.

Bạn có thể xác định tất cả các tập lệnh bên ngoài đang thêm yêu cầu bằng cách mở lại tab mạng trong Công cụ dành cho nhà phát triển của Chrome.

tập lệnh bên ngoài

Ví dụ: nếu bạn sử dụng Gravatar cho các nhận xét trên blog, bạn có thể nhận thấy rằng việc tải hình ảnh của người dùng làm tăng thêm một lượng đáng kể thời gian tải của bạn.

Hoặc, nếu trang web của bạn được tích hợp với Twitter để dễ dàng chia sẻ bài đăng, điều này cũng có thể làm tăng số lượng yêu cầu HTTP mà trang web của bạn thực hiện.

Tất nhiên, một số tính năng bổ sung này có giá trị tính bằng mili giây mà chúng thêm vào thời gian tải của bạn. Trong trường hợp này, bạn có thể để nguyên chúng.

Nhưng nếu chúng không đáng để làm chậm tốc độ trang của bạn, hãy gỡ cài đặt hoặc xóa chúng.

Biết những tính năng nào đang thêm vào thời gian tải của bạn sẽ giúp bạn hiểu rõ hơn về tốc độ trang web của mình. Nó cũng có thể giúp bạn đưa ra quyết định sáng suốt hơn về các tính năng bạn chọn để thêm vào trang web của mình trong tương lai.

19. Theo dõi tốc độ của bạn theo thời gian

Khi bạn làm việc để cải thiện tốc độ trang web của mình, bạn nên theo dõi tốc độ trang web thay đổi như thế nào theo thời gian. Điều này quan trọng ngay cả sau khi bạn đã đạt được thời gian tải trang có thể chấp nhận được.

Như bạn có thể thấy từ bài đăng này, có rất nhiều yếu tố ảnh hưởng đến tốc độ trang web của bạn – vì vậy nó có thể thay đổi bất cứ lúc nào.

Theo dõi thời gian tải của bạn một cách thường xuyên có thể giúp bạn sớm phát hiện ra bất kỳ vấn đề nào và giữ cho trang web của bạn hoạt động tốt.

Cách thực hiện kiểm tra tốc độ trang web

Có nhiều công cụ bạn có thể làm để thực hiện điều này. Một trong những cách tốt nhất để theo dõi hiệu suất tổng thể của trang web là Kiểm tra tốc độ trang web của Pingdom .

Chỉ cần nhập URL của bạn, sau đó chọn nơi bạn muốn kiểm tra trang web của mình. Nếu bạn không có tùy chọn vị trí, bạn có thể để tùy chọn này ở mặc định – nhưng nếu bạn lo lắng về những người dùng ở xa máy chủ của mình về mặt địa lý, điều này cho phép bạn kiểm tra trang web của mình từ nhiều vị trí khác nhau.

tăng tốc trang web của bạn pingdom

Sau đó, bạn sẽ thấy bản tóm tắt về thời gian tải và hiệu suất của trang, bao gồm kích thước trang, số lượng yêu cầu và cách nó xếp chồng lên các trang web được thử nghiệm khác.

tóm tắt pingdom

Thông tin này cung cấp cho bạn cái nhìn nhanh về tình trạng tốc độ trang web của bạn và theo dõi nó theo thời gian là một cách dễ dàng để theo dõi các cải tiến hoặc giảm hiệu suất.

Dưới đó, bạn sẽ thấy danh sách các đề xuất để cải thiện hiệu suất trang web của mình. Nếu bạn không hài lòng với thời gian tải của mình, điều này sẽ giúp bạn xác định các vấn đề đang gây ra nó.

tăng tốc trang web của bạn thông tin chi tiết về hiệu suất pingdom

Tất cả thông tin này đều có trong phiên bản miễn phí của công cụ.

Phiên bản trả phí cũng cung cấp báo cáo tốc độ trang , cho biết tốc độ trang web của bạn theo thời gian. Điều này có thể giúp bạn xác định xu hướng và thời gian chính xác mà trang web của bạn bắt đầu gặp sự cố – giúp bạn dễ dàng tìm ra gốc rễ của mọi vấn đề.

báo cáo tốc độ trang pingdom

Phiên bản trả phí cũng bao gồm cảnh báo và giám sát thời gian hoạt động, theo dõi trang web của bạn và tự động cảnh báo bạn về các vấn đề.

Điều này bao gồm một ứng dụng dành cho thiết bị di động, sẽ thông báo cho bạn về lỗi máy chủ, thời gian chết và các sự cố nghiêm trọng khác. Các tính năng này giúp bạn dễ dàng phát hiện các vấn đề khi chúng xảy ra và đảm bảo trang web của bạn luôn tải nhanh chóng và hoạt động tốt.

20. Giám sát tốc độ trang di động

Ngoài việc theo dõi thời gian tải của bạn trên máy tính để bàn, bạn sẽ muốn đặc biệt chú ý đến mức độ tải trang web của mình trên thiết bị di động.

Như chúng tôi đã đề cập ở trên, trải nghiệm người dùng di động hiện ảnh hưởng đến tất cả các thứ hạng trên trang web của bạn.

Ngoài ra, bạn có lợi nhất khi cung cấp một trang web nhanh, thân thiện với người dùng di động.

Bạn có thể bắt đầu bằng cách sử dụng công cụ Kiểm tra trang web của tôi của Google để kiểm tra tốc độ trang của chính bạn. Để bắt đầu, chỉ cần nhập URL của bạn.

tăng tốc độ trang web của bạn kiểm tra tốc độ di động

Đầu tiên, kết quả của bạn sẽ cho bạn biết thời gian tải trung bình của trang web của bạn trên 3G, cũng như cách điều đó kết hợp với các phương pháp hay nhất được đề xuất.

Nó cũng cho bạn biết số lượng khách truy cập ước tính bị mất do thời gian tải. Nếu bạn có thời gian tải chậm, đây có thể là một con số đáng kinh ngạc.

kiểm tra di động google

Tiếp theo, Google cung cấp một so sánh trong ngành để cho biết vị trí của bạn so với các trang web khác trong ngành của bạn.

Cho rằng nhiều trang web trong số này là đối thủ cạnh tranh của bạn, bạn sẽ muốn làm việc để trở thành công ty hàng đầu trong ngành của mình.

tăng tốc trang web của bạn so với ngành di động

Nếu tốc độ trang web của bạn chưa đạt đến mức bạn muốn, thì đây có thể là một mục tiêu cao cả. Nhưng khi bạn thực hiện các thay đổi được liệt kê trong bài đăng này, bạn có thể tiếp tục kiểm tra trang web của mình và thăng hạng.

Phần kết luận

Đưa thời gian tải trang của bạn đến nơi bạn muốn là một công việc đầy thử thách, nhưng sẽ có tác động tích cực đáng kể đến hiệu suất tổng thể của trang web của bạn.

Điều quan trọng cần nhớ là mặc dù tất cả các mẹo trên trang này có thể giúp bạn đạt được mục tiêu về tốc độ trang web của mình , nhưng bạn không cần phải thực hiện tất cả chúng ngay hôm nay.

Dành một chút thời gian để xem qua kết quả kiểm tra tốc độ trang web của bạn và tìm kiếm các vấn đề có ảnh hưởng lớn nhất đến thời gian tải của bạn. Tập trung vào những yếu tố có tác động cao đó và thực hiện các bước cần thiết để đưa chúng vào hình dạng.

nhắm mục tiêu khách truy cập có mục đích cao với CRO

Từ đó, bạn có thể thực hiện theo cách của mình thông qua danh sách này và tìm kiếm những chiến thắng dễ dàng khác. Mặc dù một số mẹo ở đây có thể yêu cầu sự trợ giúp từ nhà phát triển, nhưng một số mẹo trong số đó có thể được thực hiện trong vòng chưa đầy một giờ.

Và mặc dù một số trong số chúng có vẻ nhỏ, nhưng ngay cả những bước nhỏ để giảm thời gian tải cũng có thể tạo ra sự khác biệt và khi bạn xem xét tác động dù chỉ một giây có thể  có đối với chuyển đổi và thành công của bạn , chúng hoàn toàn xứng đáng.

Nguồn tham khảo:

https://www.crazyegg.com/

https://developers.google.com/speed

https://moz.com/learn/seo/page-speed