Mẹo vặt để tạo trang staging site nhẹ nhàng với trang web quá nặng hoặc khi ổ SSD của bạn không đủ không gian trống

Bởi

Chào mọi người. Tạo trang staging site (1) tốt nhất vẫn phải là sao “nguyên bản chính” dữ liệu của trang gốc rồi mới up lên tên miền demo để tha hồ vọc vạch, thử nghiệm. Tuy nhiên cũng có vài trường hợp mà cách làm chuẩn chỉnh như vậy không thích hợp. Ví dụ: Website quá lớn: Trang có vài chục GB dữ liệu & điều kiện kết nối mạng của bạn không đủ nhanh. Vài chục GB trên mạng không nhanh có thể mất cả ngày để up và dễ có lỗi (cay nhất là đang dở chừng …

Đọc thêm

Tùy chỉnh cache trong plugin LiteSpeed Cache [phần 2/tài liệu hướng dẫn chính thức]

Bởi

Cái tab cache phức tạp nên tôi tách làm ba phần. Đây là phần 2, chỉ nói về Purge và Excludes. Còn nếu bạn muốn đọc phần 1 thì nó ở đây. Đúng là có nhiều thông tin bổ sung các bạn à. Chúng ta vào việc luôn nhé. Tab Purge / xóa cache [Purge All on Upgrade / xóa tất cả cache khi có cập nhật] Mặc định ON- Tùy chọn này dùng để lựa chọn có nên purge toàn bộ website khi có bất cứ plugin, theme, hoặc phần lõi của WordPress nào cập nhật hay không. Vì …

Đọc thêm

Plugin LiteSpeed Cache đang làm tốt nhiệm vụ trì hoãn (lazy load) iframe

Bởi

Nếu lazy load ảnh có nhiều plugin hỗ trợ (ví dụ Flying Images, a3 Lazy Load) có chất lượng rất tốt giúp cải thiện tốc độ trang thì không có nhiều plugin như vậy làm tốt việc trì hoãn tải iframe. iframe là thẻ bạn hay dùng khi muốn nhúng video từ YouTube, hoặc hộp likebox cho fanpage. Và tôi trước đây thường sợ các app của bên thứ ba như vậy, vì chúng tải rất nhiều JS về, làm tốc độ trang giảm thảm hại. Nếu bạn muốn biết YouTube tải nặng như thế nào thì bạn đọc bài …

Đọc thêm

Trì hoãn tải mã với plugin Flying Scripts: rất tốt, nhưng cần kiểm tra cẩn thận

Bởi

Trong chuỗi các plugin của Gijo mà tôi đã thử, ngoài Flying Scrips còn có Flying Pages và Flying Images. Tôi bất ngờ nhất với Flying Scripts. Vì nó đem đến khả năng cải thiện tốc độ tải trang hết sức ấn tượng, bằng một cách ít ai ngờ, và tôi cũng chưa bao giờ biết đến trước đây: đợi có tương tác người dùng thì mới tải các JS nặng nề về. Hầu hết các JS của bên thứ ba gồm các app phổ biến như Facebook (bình luận, chat, fanpage, like, share…), Google Maps, Google Analytics, YouTube, Google …

Đọc thêm

Tùy chỉnh cache trong plugin LiteSpeed Cache [phần 1/tài liệu hướng dẫn chính thức]

Bởi

Vài lời của người dịch: Đây là một trong các tab quan trọng nhất trong LiteSpeed cache, bạn nào muốn tối ưu sâu cần tìm hiểu kỹ ý nghĩa của nó. Vì nội dung khá phức tạp, tôi chia làm 2 phần, phần này chỉ nói về các tab Cache, TTL, Object và Browser, các tab còn lại sẽ được nói trong phần hai. Không dông dài nữa, chúng ta bắt đầu luôn nhé. Tab Cache [Enable Cache / Bật Cache] Các giá trị ON/OFF/(Use Network Admin Setting). Đây là cấp độ thứ ba và cuối cùng cho việc bật …

Đọc thêm

Tùy chỉnh tính năng Crawler trong plugin LiteSpeed Cache [tài liệu hướng dẫn chính thức]

Bởi

Chú thích của người dịch: Tính năng tạo trước cache (prebuild cache) rất thú vị, nó giúp người truy cập ngay lần đầu tiên vào trang đã có tốc độ cao nhất có thể. Nếu không bật, thì chỉ những lượt truy cập thứ hai trở đi mới có tốc độ tốt. Đáng tiếc là để tránh quá tải (chủ yếu do lo sợ người dùng thiết lập sai), đa số công ty host sẽ khóa crawler, chỉ trừ khi dùng VPS hoặc máy chủ thuộc toàn quyền của bạn thì bạn mới chủ động được hoàn toàn việc này. …

Đọc thêm

Case study #1: tối ưu hóa tốc độ website của bạn Giang Hải Sơn

Bởi

Website của bạn Sơn có cấu trúc đơn giản, dạng blog nên việc tối ưu diễn ra khá nhanh. Các lý do gây chậm trang cũng phổ biến: Mã JS bên thứ ba nhiều và nặng Tải nhiều font của Google fonts Thời gian cache trình duyệt ngắn Không lazy load các ảnh ngoài màn hình JS và CSS không gộp và minify CSS chặn hiển thị do chưa có critical CSS Vì web của bạn Sơn (nội dung chuyên về Analytics web) dùng OpenLiteSpeed web server nên tôi tối ưu luôn bằng plugin LiteSpeed cache– vốn có chất lượng …

Đọc thêm

Tạo staging site trong CyberPanel

Bởi

Để tạo trang staging site cho WordPress bạn có nhiều cách. Trong đó cách căn bản (1) là sử dụng plugin chuyển host kiểu như All in one WP migration, Duplicator hoặc Migrate Guru để chuyển trang sang subdomain (tên miền con). Cách tiện lợi khác (2) là sử dụng plugin chuyên cho staging như WP-staging. Tuy nhiên cả hai cách đều có nhược điểm nhất định. Với cách (1) tuy chuẩn chỉnh nhưng có thể làm bạn mất thời gian trên các website có dung lượng lớn. Cách (2) phải là plugin trả phí của họ mới tiện lợi …

Đọc thêm

Code mẫu dns-fetch, preconnect, preload mỳ ăn liền

Bởi

Tôi từng có các bài viết chi tiết giải thích ý nghĩa & cách dùng dns-fetch, preconnect, preload. Tuy chúng cũng hay khi muốn tìm hiểu sâu, nhưng đối với trường hợp áp dụng vào thực tế mà khi bạn đã hiểu ý nghĩa cơ bản rồi thì các mã mẫu chuẩn sẽ tiện cho các bạn sử dụng hơn. Mỳ ăn liền không tốt cho sức khỏe nếu ăn thường xuyên, cơ mà thi thoảng chúng ta dùng một bữa thì cũng không sao. Mẫu cho dns-prefetch Bạn không cần thêm kiểu kết nối http hay https. DNS-prefetch chỉ …

Đọc thêm

3 mật khẩu cần biết cách lấy khi dùng CyberPanel

Bởi

Mật khẩu rất quan trọng, với những cái khó nhớ (mà không thể đổi sang dạng dễ nhớ) bạn nên lưu chúng ở đâu đó để khi cần có thể copy-paste. Với CyberPanel có ba cấp độ mật khẩu cần biết sau. Xem video nếu bạn muốn: Mật khẩu của VPS mà bạn vừa tạo (để truy cập vào Console- màn hình đen) Một số VPS tạo tự động mật khẩu này cho bạn chẳng hạn như Vultr, một số để bạn tự chọn, chẳng hạn như DigitalOcean. Ví dụ ảnh dưới đây là mật khẩu để vào console VPS …

Đọc thêm