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

Hosting miễn phí là mảnh đất đầy biến động, làm thế nào bạn tìm được dịch vụ tốt đây?

Bởi

Trải nghiệm của tôi cho thấy các công ty hosting miễn phí nổi tiếng nhất thường không tốt nhất! Trong khi đó các gói hosting miễn phí của các dịch vụ hosting giá rẻ, ít tiếng tăm lại ấn tượng hơn nhiều cho dù họ có nhiều giới hạn khắt khe hơn về dung lượng lưu trữ & băng thông. Đa số các dịch vụ hosting miễn phí có PHP và MySQL dành cho WordPress (hoặc bất cứ CMS nào tương tự) không tồn tại vì lòng tốt thuần túy. Họ thường dùng gói miễn phí để quảng bá cho …

Đọc thêm

Công cụ lưu trữ của Google Drive

Bởi

Google Drive luôn nằm trong nhóm tiện ích lưu trữ tốt nhất trên thế giới. Link: www.google.com.vn/drive/about.html Ưu điểm: Đăng ký nhanh, đơn giản; Giao diện tiếng Việt; Tốc độ rất tốt, gồm cả upload & download; Kiểm tra virus, malware; Miễn phí đến 15GB, là công cụ có lượng miễn phí nằm trong nhóm cao nhất. Các công cụ khác thường chỉ 2 – 3GB; Không giới hạn số lượng, chỉ cần đăng ký mail mới là có Drive mới với 15GB; Được nhiều công cụ khác hỗ trợ; Có khả năng nâng cấp với giá thành tương đối …

Đọc thêm

Công cụ kiểm tra tốc độ website của Pagespeed insights

Bởi

Mặc dù công cụ này gây chứng nghiện điểm xanh, nhưng phải thừa nhận rằng Pagespeed insights là một trong các tiêu chuẩn vàng về đo đạc tốc độ, hiệu suất website. Link: developers.google.com/speed/pagespeed/insights/ Ưu điểm: Được phát triển bởi công ty tìm kiếm mạnh nhất thế giới; Hoàn toàn miễn phí; Giao diện tiếng Việt; Có nhiều thông tin hỗ trợ giải thích các thuật ngữ; Thường là tiêu chuẩn chính trong các cuộc kiểm tra, đánh giá về tốc độ website; Nhược điểm: Gây chứng nghiện màu xanh;