{ "version": 1, "locale": "vi", "updated": "2021-04-20", "page": { "type": "article", "title": "PageSpeed 6: No-code – Tối ưu tốc độ website không cần can thiệp code là gì?", "description": "Đến hẹn lại lên, nay cuối tuần và cũng bớt giãn cách xã hội mùa Covid19 rồi, mọi người nô nức ra đường hẹn hò tụ tập, mình thì vẫn ngoan ngoãn ở nhà chạy...", "url": "https://egany.com/blogs/ecommerce-cro/pagespeed-6-no-code-toi-uu-toc-do-website-khong-can-can-thiep-code-la-gi/", "markdown_url": "https://egany.com/blogs/ecommerce-cro/pagespeed-6-no-code-toi-uu-toc-do-website-khong-can-can-thiep-code-la-gi.md", "json_url": "https://egany.com/blogs/ecommerce-cro/pagespeed-6-no-code-toi-uu-toc-do-website-khong-can-can-thiep-code-la-gi.json", "group": "ecommerce-cro", "author": "Thao Le", "published": "2020-04-05T09:46:43.000Z", "modified": "2021-04-20T01:36:51.000Z", "categories": [ "Optimization" ] }, "organization": { "name": "EGANY", "legal_name": "CÔNG TY CỔ PHẦN CÔNG NGHỆ EGANY", "alternate_name": "EGANY Technology JSC", "url": "https://egany.com/", "address": "77/6 Hồ Thị Kỷ, Phường Vườn Lài, TP. Hồ Chí Minh", "telephone": "+84934269700", "email": "support@egany.com", "tax_id": "0313000791", "opening_hours": "Thứ 2 - Thứ 6, 9:00 - 17:00", "same_as": [ "https://www.facebook.com/egany.tech/", "https://www.youtube.com/user/eganydotcom", "https://zaloapp.com/qr/p/15np7bg4k8s47?src=qr" ] }, "headings": [ { "level": 1, "text": "PageSpeed 6: No-code – Tối ưu tốc độ website không cần can thiệp code là gì?", "id": "pagespeed-6-no-code-toi-uu-toc-do-website-khong-can-can-thiep-code-la-gi" }, { "level": 3, "text": "Tối ưu tốc độ website không cần can thiệp code là gì?", "id": "toi-uu-toc-do-website-khong-can-can-thiep-code-la-gi" }, { "level": 3, "text": "Cái file này có hình thù ra sao vậy?", "id": "cai-file-nay-co-hinh-thu-ra-sao-vay" }, { "level": 3, "text": "Nội dung chính trong file thường là gì?", "id": "noi-dung-chinh-trong-file-thuong-la-gi" }, { "level": 3, "text": "Mục đích của file Checklist là gì?", "id": "muc-dich-cua-file-checklist-la-gi" } ], "links": [], "sections": [ { "id": "hero", "heading": "PageSpeed 6: No-code – Tối ưu tốc độ website không cần can thiệp code là gì?", "content_markdown": "Đến hẹn lại lên, nay cuối tuần và cũng bớt giãn cách xã hội mùa Covid19 rồi, mọi người nô nức ra đường hẹn hò tụ tập, mình thì vẫn ngoan ngoãn ở nhà chạy deadline và.. viết tiếp tập 6 cho mọi người đọc đây.\n\nHai tập vừa rồi nghiên về kĩ thuật nhiều nên tuần này thay đổi không khí chút mình chuyển sang chủ đề nhẹ thở hơn nhé. Bài này giống như bài tóm tắt và nhắc lại các bài trước đó nên ai có theo dõi series này từ đầu sẽ nuốt cái một thôi.\n\n### Tối ưu tốc độ website không cần can thiệp code là gì?\n\nCâu hỏi cũng có một phần câu trả lời rồi, đó là các công việc mà bạn (người không chuyên) có thể tự xử lý được nhưng không cần can thiệp vào mã nguồn của website.\n\nPhần này mình thấy rất ít chia sẻ trên mạng nhắc tới trong quá trình tối ưu tốc độ website. Riêng mình thì thấy phải luôn luôn có hạng mục công việc làm file **Checklist Cấu Hình & Nhập Liệu** sau khi tối ưu website xong (để dành làm tài liệu nội bộ).\n\nVì vậy, tất cả những việc no-code ở trên mà bạn cần tuân thủ và làm theo được định nghĩa hết trong file (docx, xlsx) này rồi.\n\n### Cái file này có hình thù ra sao vậy?\n\nÀ.. thật ra cũng là 1 file docx đơn giản thôi nhưng nó sẽ thay đổi đôi chút tùy theo nền tảng website mà khách hàng đang sử dụng.\n\nXem thử một đoạn mô tả trong ảnh này:\n\n![](https://cdn.egany.com/images/blogs/2021/04/checklist-sample-compressor.png)\n\nĐây là 1 đoạn mô tả những lưu ý và hạng mục mà người dùng giao diện trên nền tảng Haravan nên làm theo.\n\n### Nội dung chính trong file thường là gì?\n\n1. Hiểu và nên [sử dụng đúng định dạng ảnh](https://egany.com/blogs/pagespeed-2-1-4-dinh-dang-anh-pho-bien-va-cach-dung-cho-phu-hop/ \"sử dụng đúng định dạng ảnh\") cho từng trường hợp.\n2. [Dùng đúng kích thước ảnh](https://egany.com/blogs/pagespeed-2-3-ban-da-su-dung-anh-dung-kich-thuoc-de-toi-uu-website-chua/ \"Dùng đúng kích thước ảnh\") mà Giao diện đã định nghĩa trên: sản phẩm, khung mô tả sản phẩm và bài viết trên website.\n3. [Dùng các công cụ nén ảnh](https://egany.com/blogs/pagespeed-2-2-7-cong-cu-nen-anh-pho-bien-giup-tang-toc-do-website/ \"7 công cụ nén ảnh phổ biến\") trước khi đưa lên website nếu ảnh quá nặng.\n4. …\n\n### Mục đích của file Checklist là gì?\n\nMình kể lại câu chuyện thường gặp ở huyện nhé:\n\n> Sau khi nhận mã nguồn giao diện chạy ngon lành rồi, sau một thời gian thì website tự dưng càng ngày càng ì ạch. \n> Kiểm tra lại thì trang sản phẩm ban đầu đang tải mất 3.5MB, giờ thì tới 20MB lận \n> Do bạn nhập liệu upload chèn vô ảnh kích thước 3000x3000px, cũng đâu đó chục ảnh thôi à. \n> Vậy tự mình bóp.. mình, không ai đỡ nổi.. hehe..\n\nSự thật là không phải hệ thống lúc nào cũng tự động làm hết cho mình được, có những chỗ cần người dùng tự khai báo và định nghĩa cho linh hoạt.\n\n→ Vụ này có thể đọc lại tập 2 nhé.\n\nVậy nên checklist trên giống như là kim chỉ nam giúp các bạn nhập liệu và người quản trị luôn bám sát theo trong quá trình vận hành website, để đảm bảo tốc độ website được giữ ổn định một cách dài lâu.\n\nCông việc cũng không có gì khó đúng không? Vậy mà mình gặp hơn **80%** các anh/chị gửi website cho mình đều gặp trường này đó.\n\nBây giờ cứ mở lại từng đường dẫn bài viết trên của mình đọc lại mà tạo ra một file Checklist cho riêng mình nhé.\n\n> Có thể làm sẵn file mẫu, chừa chỗ trống, rồi nhờ vả bạn lập trình đã làm cái website cho mình –> điền vào các thông số kích thước ảnh hộ cho lẹ. \n> Cuối cùng là bắt toàn thể anh em liên quan website, nhân viên mới cũ phải tuân theo tài liệu này nhé.\n\nChúc mọi người sớm có checklist tối ưu no-code & cuối tuần vui vẻ! \n*P.s:* \n*Tập kế tiếp có thể sẽ nói về những thứ buộc phải nhờ lập trình viên vào can thiệp mã nguồn mới tối ưu được nhé.*", "links": [] } ] }