Vứt các yếu tố động ở cột phải: hình thức tăng tốc website theo phong cách tối giản

Bởi

Cột phải (hoặc trái) gọi chung là sidebar của website thường được dùng để: Thông báo các bài viết mới; Bình luận mới; Fanpage; Dành cho mục tìm kiếm; Quảng cáo; Video; V.v.. Trong đó yếu tố động trong danh sách trên bao gồm tìm kiếm, bài viết mới & bình luận mới (hoặc có thể là bất cứ hình thức động nào khác có nguồn gốc từ website của bạn). Điều này chắc chắn sẽ ảnh hưởng đến thời gian sống của cache trên toàn bộ các trang của website. Chỉ cần bạn viết một bài mới hoặc có …

Đọc thêm

Giờ tôi chủ động không sử dụng ảnh cả trong bài viết khi thấy điều đó hợp lý hơn

Bởi

Mấy hôm trước tôi có viết bài chủ động không sử dụng ảnh featured image. Hôm nay tôi sẽ cải tiến quan điểm về vấn đề này. Sau nhiều lần khốn khổ về chuyện chuyển hosting hoặc tách nội dung website mà chủ yếu do ảnh, tôi đi đến quan điểm: sử dụng ảnh hoặc bất kỳ tài nguyên media nào tiết kiệm nhất có thể được. Lý do đầy đủ: Ảnh chiếm từ 50 – 90% dung lượng ổ cứng. Sử dụng ảnh tiết kiệm giúp tôi giảm thiểu chi phí hosting. Nhiều hosting tối ưu hiện nay chỉ …

Đọc thêm

Tách, chuyển một phần nội dung từ website lớn A tới website mới B: làm thế nào cho hiệu quả?

Bởi

Đây là bài toán mà tôi đối mặt. Tôi có website A với khoảng 1000 bài viết, bao gồm rất nhiều chủ đề. Giờ tôi muốn tách website A thành 2 trang web, một số nội dung thì vẫn giữ nguyên ở A, còn một phần thì chuyển sang B (ví dụ 300 post / page chuyển từ A sang B). Việc tách như vậy sẽ phức tạp hơn nhiều việc chuyển toàn bộ website đổi tên miền, chốc nữa chúng ta sẽ biết tại sao. Tách website thì có tác dụng gì? Tại sao không phát triển trên duy …

Đọc thêm

Nội tuyến (inline) các CSS nhỏ giúp tăng tốc website

Bởi

CSS nội tuyến là gì? CSS nội tuyến (inline) đề cập đến các CSS được đặt trong file HTML; Nó được đặt trong phần đầu của tài liệu, nằm giữa các thẻ style; Nội tuyến CSS đơn giản là đặt CSS của bạn vào trong file HTML thay vì để nó ở file CSS bên ngoài (external – dạng .css). Tại sao bạn sử dụng biện pháp này? Nội tuyến CSS làm giảm số lượng file mà trình duyệt phải tải xuống trước để hiển thị trang web của bạn. Nếu bạn sử dụng một file CSS ngoài, trình duyệt …

Đọc thêm

Danh sách các thuộc tính toàn cục trong HTML (HTML Global Attributes)

Bởi

Để hiểu thuộc tính HTML là gì các bạn đọc bài viết này. Trong bài viết ở đây, blog Kiến càng chỉ nêu ra danh sách các thuộc tính, nó nằm trong nhóm Global Attributes – nghĩa là tất cả các thẻ đều dùng được. Thuộc tính Mô tả accesskey Chỉ định một phím tắt để kích hoạt / tập trung vào một phần tử class Chỉ định một hoặc nhiều tên cho một phần tử (cái này về sau dùng để điều chỉnh style trong CSS) contenteditable (HTML5) – Xác định xem nội dung của phần tử nào đó có …

Đọc thêm

Hình ảnh mã hóa Base64 trong tăng tốc website

Bởi

Cập nhật: hiện mã hóa ảnh bằng base64 không còn là biện pháp tối ưu tốt trong nhiều trường hợp. Nhiều người không biết rằng ảnh có thể được nội tuyến vào mã HTML, phương thức để làm điều đó là thực hiện mã hóa base64. Ảnh được mã hóa base64 trở thành một phần của HTML và được hiển thị mà không cần phải tải ảnh từ file bên ngoài nữa. Base64 là gì? Đây là một trong những cách cổ xưa nhất để mã hóa thứ gì đó để đưa vào HTML (được đề xuất lần đầu tiên …

Đọc thêm

Khắc phục một số thiếu sót của website tĩnh được tạo từ plugin Simply Static

Bởi

Trong bài viết trước đây tôi đã thử tạo một website tĩnh hoàn toàn từ trang WordPress động thông qua plugin Simply Static. Tuy nhiên nó có một số nhược điểm, đó là không có file robots.txt và không có sitemap (dạng XML). Để khắc phục điều đó bạn làm như sau: Với file robots.txt bạn chỉ cần lưu nó từ trang dev (trang động để xuất ra trang tĩnh) rồi đẩy lên thư mục gốc của hosting trang tĩnh, hoặc cách tốt hơn là bạn tự lưu sử dụng mẫu mặc định sau để cho phép tất cả bọ …

Đọc thêm

Thử tạo một website tĩnh hoàn toàn từ WordPress với plugin Simply Static

Bởi

Với sự phát triển của CDN đa ứng dụng có khả năng cache HTML ở máy chủ biên (QUIC cloud, Cloudflare APO) giúp website WP của bạn đạt được hiệu suất tốt nhất: các truy vấn giảm thiểu ảnh hưởng đến hosting gốc và tốc độ tốt hơn nhờ nơi lấy dữ liệu gần người dùng hơn. Tuy nhiên gì thì gì, website của bạn vẫn là trang động, nó vẫn có PHP, cơ sở dữ liệu, các plugin thực hiện thao tác. Nói cách khác nó vẫn chiếm dụng tài nguyên đáng kể, và tiềm ẩn các nguy cơ …

Đọc thêm

Công cụ tạo sitemap xml cho website

Bởi

Thông thường nếu bạn dùng các CMS như WordPress luôn có các plugin chất lượng (ví dụ Yoast SEO) giúp bạn tạo ra sitemap chuẩn chỉnh cho trang. Sitemap sẽ giúp máy tìm kiếm lập chỉ mục cũng như lục lọi website của bạn chính xác & đầy đủ hơn. Tuy nhiên nếu bạn có các website mà không có ứng dụng sẵn tạo sitemap cho mình thì bạn có thể sử dụng các công cụ trực tuyến để tạo sitemap rồi đẩy nó lên hosting gốc. Một ví dụ là các website tĩnh hoàn toàn tạo ra từ plugin …

Đọc thêm

Các giới hạn thường gặp của hosting miễn phí (để bạn không bất ngờ hoặc giận dữ với họ!)

Bởi

Hosting miễn phí với bạn, nhưng nhà cung cấp dịch vụ vẫn cần chi phí để duy trì nó. Do vậy để cân bằng lợi ích, các công ty này thường có các giới hạn sau: Dung lượng lưu trữ: thường nhỏ, ví dụ 200MB, 300MB, 500MB; Băng thông thường nhỏ: ví dụ 1GB, 5GB, 10GB; Uptime không cao, thường từ 99% đổi xuống. Và không có cam kết về uptime; Ổ có thể là HDD thay vì SSD: vì ổ SSD đắt hơn nhiều ổ HDD; Không có khả năng chọn vị trí máy chủ; Giới hạn số lượng …

Đọc thêm