Nỗi ngứa trong một năm blog của bạn (và phải làm gì)
Khi bạn thực sự bắt đầu đam mê viết blog, bạn sẽ có rất nhiều điều phải suy nghĩ. Việc điều hành một trang web đòi hỏi sự chú ý của bạn ở nhiều cấp độ – nội dung, tiếp thị, thiết kế, v.v.
Với ý nghĩ đó, không có gì ngạc nhiên khi bạn có thể đánh mất một số nguyên tắc cơ bản của việc điều hành một blog. Tôi gọi đây là “Ngứa một năm”. Đó là thời điểm bạn quá tham gia vào hoạt động hàng ngày của trang web đến nỗi quên mất một số điều quan trọng nhất.
Đó chính xác là vị trí mà tôi đã tìm thấy gần đây, nhưng may mắn thay, tôi đã lùi lại khỏi khu rừng để nhìn thấy những cái cây và đưa mình trở lại đúng hướng. Trong bài đăng này, tôi muốn giải thích những gì bạn có thể đã quên và chỉ cho bạn cách giải quyết mọi việc đúng đắn.
Tôi cảm thấy cần tốc độ
Tôi có một nỗi ám ảnh lành mạnh về tốc độ. Tốc độ tải trang phải cụ thể hơn (không hoàn toàn hấp dẫn như Top Gun, nhưng không kém phần quan trọng đối với thực tế đó).
Tôi hiểu tác động mà tốc độ tải có thể có đối với trải nghiệm người dùng và cuối cùng là kết quả kinh doanh của bạn. Trên thực tế, chúng tôi đã viết về cách tăng tốc độ trang web trên WPExplorer nhiều lần trước đây.
Tuy nhiên, tôi đã đánh mất tầm quan trọng của tốc độ tải trang trên blog của chính mình. Tôi quá bận rộn với công việc blog hàng ngày của mình đến nỗi quên mất việc cung cấp trải nghiệm người dùng chất lượng ở mức cơ bản nhất (tức là tốc độ tải trang). Sau gần hai năm tồn tại, blog của tôi đã trở nên sa lầy do nỗi ám ảnh của tôi về việc chỉnh sửa và nó đã thực sự hiển thị.
Làm đúng những điều cơ bản
Sau khi nhận ra sai lầm của mình, tôi đã kiểm tra để đảm bảo rằng tôi vẫn làm đúng những điều đơn giản. Điều đó đưa tôi trở lại bài viết ban đầu của tôi ở đây trên WPExplorer về tốc độ trang web, trong đó tôi đã đề cập đến những điều sau:
- Đo tốc độ trang web
- Bộ nhớ đệm
- Tối ưu hóa hình ảnh
- Tải chậm
Đây là những gì tôi muốn gọi là “quả ngọt” khi nói đến việc cải thiện tốc độ trang web. Chúng nhanh chóng và dễ thực hiện. Nhưng tôi biết rằng tôi gặp phải một số vấn đề cơ bản hơn liên quan đến tốc độ tải trang web của mình. Đã đến lúc phải đào sâu hơn một chút.
Nếu bạn có lỗi trong việc điều chỉnh trang web của mình thì bạn có thể có các yếu tố dư thừa và/hoặc không xứng đáng trong các trang web đang làm chậm trang web của bạn một cách đáng kể. Đây là những gì tôi tìm thấy cho trường hợp của tôi. Đọc tiếp để khám phá những gì bạn có thể đang thiếu.
Tác dụng phụ của việc tinh chỉnh vô tận
Bước đầu tiên của tôi là truy cập Pingdom và kiểm tra thời gian tải trang chủ của tôi. Nó không đẹp — thời gian tải khoảng 5 giây — chậm hơn khoảng 80% các trang web khác theo số liệu thống kê của họ.
Tuy nhiên, khi tôi hoàn thành việc điều chỉnh, kết quả sẽ tốt hơn nhiều:
Quá trình tôi đã trải qua để cải thiện tốc độ trang web của mình cực kỳ đơn giản. Nếu bạn điều hành trang web của riêng mình thông qua Pingdom, bạn sẽ nhận được báo cáo tương tự như những gì bạn thấy ở trên, nhưng chính những gì bạn tìm thấy bên dưới mới thực sự khiến chúng tôi quan tâm:
Đó là một phần trong danh sách tất cả các yêu cầu được thực hiện để tải trang web của tôi - về bản chất là số lượng tệp khác nhau đã được tải để tạo ra trang web đầy đủ. Theo mặc định, chúng được sắp xếp theo thứ tự chúng được tải (thường là thứ tự chúng được gọi trong mã nguồn của trang), đây là thứ tự hợp lý nhưng không hữu ích nhất đối với chúng tôi.
Những gì bạn cần làm là nhấp vào hộp thả xuống ở đầu danh sách và chọn “Sắp xếp theo kích thước tệp”. Bây giờ bạn đã có một danh sách các tệp đang hút sự sống của trang web của bạn theo thứ tự tệ hại (vì muốn có một từ thích hợp hơn):
Bạn có thể nhận thấy khi sắp xếp danh sách một số yêu cầu hoàn toàn dư thừa. Bạn cũng có thể thấy rằng có những yêu cầu được thực hiện đơn giản là không đáng để tải lên trang web của bạn. Bầu trời bây giờ thực sự là giới hạn khi nói đến việc chuyển trang web của bạn xuống một hình thức đẹp hơn.
Với thông tin mới này, bạn có thể bắt đầu xóa và tối ưu hóa các tệp gặp nhiều rắc rối hơn giá trị của chúng.
Đổ chuông thay đổi
Trên cơ sở bạn đã thực hiện những cải tiến cơ bản về tốc độ trang web được đề cập ở trên, chúng ta cần phải xắn tay áo lên và làm tốt hơn một chút.
Dọn dẹp các plugin của bạn
Đề xuất đầu tiên của tôi là kiểm tra các plugin của bạn. Nếu bạn đã chạy trang web của mình được một thời gian, bạn chắc chắn sẽ thấy rằng có những plugin được cài đặt trên trang web của mình mà bạn thậm chí không sử dụng nữa. Ngoài ra và/hoặc ngoài ra, bạn có thể thấy rằng các plugin mà bạn<i> sử dụng hầu như không có giá trị.
Mặc dù tôi sẽ là người đầu tiên nói rằng số lượng plugin bạn đã cài đặt trên trang web của mình không phải là yếu tố chính (mà vấn đề là tải mà các plugin đó đặt trên trang web của bạn là quan trọng), công bằng mà nói thì bạn càng có ít plugin được cài đặt thì bạn càng có nhiều khả năng trở thành nạn nhân của quá trình sử dụng nhiều tài nguyên.
Tôi khuyên bạn nên cài đặt và kích hoạt Trình phân tích hiệu suất plugin. Vẻ đẹp nhỏ bé này sẽ quét nhiều trang trên trang web của bạn và đưa ra ước tính về tác động của từng plugin đối với tốc độ tải tổng thể của bạn. Đây là báo cáo của tôi trông như thế nào:
Tôi khuyên bạn nên chạy 3-4 báo cáo để có được bức tranh tổng thể tốt hơn về hiệu suất vì kết quả có thể khác nhau. Chúng tôi không thực sự tìm kiếm những con số chính xác ở đây - đây là một dấu hiệu rõ ràng hơn về bất kỳ plugin nào đang chứng tỏ là nguồn tiêu hao tài nguyên lớn.
Bước hợp lý tiếp theo là đưa ra quyết định xem liệu bạn có thể biện minh cho việc gỡ cài đặt bất kỳ plugin nào của mình hay không. Cuối cùng, đó phải là quyết định dựa trên mong muốn của bạn là cung cấp trải nghiệm người dùng chất lượng — những lợi ích mà (các) plugin mang lại phải lớn hơn thời gian tải bổ sung.
Dọn dẹp các chỉnh sửa mã thủ công của bạn
Nếu bạn đã thực hiện bất kỳ thay đổi thủ công nào đối với các tệp PHP của chủ đề, tôi hy vọng bạn đã làm như vậy với một chủ đề con, nếu không thì quá trình này có thể sẽ hơi đau đầu. Nếu không, bước đầu tiên của bạn là tạo một chủ đề con và di chuyển tất cả các tệp chủ đề tùy chỉnh của bạn vào đó.
Giả sử rằng bạn có một chủ đề con (bằng cách này hay cách khác), nhiệm vụ của bạn bây giờ là xem qua từng tệp trong thư mục chủ đề của bạn và kiểm tra xem có mã dư thừa bên trong hay không. Đây là những gì tôi tìm thấy trong tập tin của mình:
- Tham khảo các phông chữ của Google mà tôi không còn sử dụng nữa (trên thực tế, tôi chưa bao giờ sử dụng - tôi chỉ loay hoay với chúng).
- Một đoạn mã cho một số nút chia sẻ trên mạng xã hội trên một trang trên blog của tôi đang được tải trên từng trang.
- Một số mã cho “hộp thích” trên Facebook đang chiếm nhiều tài nguyên hơn mức cần thiết.
- Một số hàm tùy chỉnh trong tệp tin.php của tôi không còn được sử dụng nữa.
Trong một số trường hợp, bạn có thể loại bỏ các yếu tố này mà không có tác dụng phụ tiêu cực. Trong các trường hợp khác, bạn có thể muốn giữ lại bất kỳ chức năng nào mà các chỉnh sửa của bạn đã giới thiệu. Nếu chúng đặc biệt tiêu tốn nhiều tài nguyên thì tôi khuyên bạn nên xem xét việc tải không đồng bộ để đảm bảo rằng mọi tập lệnh tham lam tiềm ẩn đều không ngăn phần còn lại của trang tải.
Tối ưu hóa hình ảnh của bạn
Có những hình ảnh được tải trên mọi trang trên trang web của bạn, chẳng hạn như những hình ảnh trong thanh bên và logo của bạn. Sẽ đáng để đảm bảo rằng những thứ này càng nhỏ càng tốt vì kích thước kết hợp của chúng có thể khá đáng kể.
Quá trình tối ưu hóa nên được chia thành hai giai đoạn:
- Tối ưu hóa tổn thất: sử dụng phần mềm chỉnh sửa đồ họa bạn chọn, lưu tệp của bạn với mức độ tối ưu hóa tổn thất cao nhất mà bạn có thể chịu được (chỉ áp dụng cho jpeg). Tôi nhận thấy rằng việc lưu một hình ảnh với mức tối ưu hóa 70-80% là một điều thú vị.
- Tối ưu hóa không mất dữ liệu: chạy hình ảnh của bạn thông qua plugin như Smush Image Compression để chúng được nén hơn nữa mà không làm giảm chất lượng hình ảnh.
Việc tối ưu hóa hình ảnh của bạn có thể tạo ra sự khác biệt lớn mà không có bất kỳ tác động rõ rệt nào đến trải nghiệm người dùng, vì vậy đây là điều không cần phải đắn đo.
Các bước tiếp theo
Bạn sẽ có thể giảm đáng kể tốc độ tải bằng các biện pháp trên nhưng tất nhiên bạn có thể còn tiến xa hơn nữa.
Ví dụ: việc lưu trữ và phân phối nội dung có thể tạo ra sự khác biệt lớn về thời gian tải. Một trang web được lưu trữ trên máy chủ dùng chung sẽ không bao giờ hoàn thiện với một trang web được lưu trữ trên một máy chủ chuyên dụng hợp tác với mạng CDN. AJ Clarke của chúng tôi đề xuất cộng đồng CloudFlare tăng cường tốc độ tải và tăng cường bảo mật.
Chi tiết về ưu và nhược điểm của các nhà cung cấp dịch vụ lưu trữ khác nhau không nằm trong phạm vi của bài đăng này, vì vậy tôi khuyên bạn nên bắt đầu bằng cách thực hiện các chỉnh sửa được đề xuất trong bài đăng này. Nếu bạn muốn nhiều hơn nữa thì hãy liên hệ với nhà cung cấp dịch vụ lưu trữ của bạn và xin lời khuyên của họ về cách cải thiện gói lưu trữ của bạn và/hoặc kết hợp CDN.
Nếu bạn có bất kỳ câu hỏi nào, vui lòng giải đáp trong phần bình luận bên dưới!