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

Được quản trị viên nhóm nhắc nhẹ

Bởi

Tuần rồi rảnh rỗi, lại kèm cái quyết tâm làm nghề nên tôi hào hứng chia sẻ (thêm chút hơi men nữa) về các tip WordPress lên nhóm FB của Thạch Phạm. Ngày nào cũng một bài #WPVN_Share. Và hôm nay có lẽ thấy ngột ngạt nên bạn quản trị viên nhắc nhẹ là nên đăng dãn cách ra. Tôi đồng ý luôn. Thực ra cũng biết mình đăng hơi nhiều nên lúc nào cũng cố tránh đề cập đến website bản thân, ảnh ọt thì che đủ cả, chủ yếu để tự cảm thấy cái động cơ của mình …

Đọc thêm

Sửa lỗi Browser Cache TTL trong OpenLiteSpeed

Bởi

Chẳng biết có phải OpenLiteSpeed (OLS) cố tình không?! nhưng lỗi này tôi không thấy trên bản trả phí Enterprise! Kể cả họ cố tình thì tôi cũng không trách, bản free mà, chứ OLS ngon quá, không có bất cứ phiền phức nào thì ai mua bản trả phí của họ! Khi dùng plugin LiteSpeed Cache, ở phần Cache > Browser họ cho phép chúng ta điều chỉnh thời gian cache phía trình duyệt, thường nên để 6 tháng hoặc một năm: Tuy nhiên thực tế các tài nguyên chỉ được cache có một tuần. Để kiểm tra, với …

Đọc thêm

Staging site là staging site, Duplicate website là duplicate website!

Bởi

Hôm nọ tôi lại chia sẻ cách tạo trang staging site cho WordPress trên nhóm WP của Thạch Phạm. Staging site giúp tiện việc chỉnh sửa, hoặc giao cho bên thứ ba can thiệp để không ảnh hưởng đến website gốc. Sau có bạn bình luận thế này: :)) tóm lại nói staging cho nó sang chảnh thôi chứ nói đơn giản là duplicate web và chỉnh sửa hoặc làm gì thì làm :)) Ý bạn ấy là nói staging site chỉ là làm màu thôi, chứ bản chất chỉ là duplicate web. Nhầm to! Chính xác thì duplicate web …

Đọc thêm