Thảo luận về băng thông trên mã nguồn xen

Chào các bạn . Trước kia thì mình dùng vbb và mới đi vào dùng xenforo khoản 1 tháng nên ít có hiểu rõ về băng thông khi chạy mã nguồn này cho lắm nên cần các bạn thảo luận giúp mình ,
Topic này cho mình hỏi với cơ chế sử dụng mã nguồn xenforo đối với các add on và temp thì trong 1 ngày tăng từ 1g đến 2g BW thì có tăng quá nhanh không ạ , mình thấy nó khá nhanh, 1 ngày ăn BW từ 1 đến 2g trong khi đó khách truy cập chỉ vẻn vẹn 10 đến 20 người là cùng.. có cách nào giảm tải việc tăng BW nhanh không nhỉ ..

 

tối ưu code , css, tối ưu ảnh còn nhiều cái nữa

 

forum mới chạy chưa đến 1 ngày. mất 300 mb bandwith

 

Dùng thêm CloudFlare hỗ trợ đi, chỉ dùng CloudFlare để cache file tĩnh thôi, đừng cache toàn bộ site! Bảo đảm tiết kiệm băng thông đáng kể

 

1 tháng truy cập 70k mất 60- >70 gb bw

 

Tốn băng thông hay ko nằm ở chỗ bạn thiết kế style như thế nào? Hình ảnh dùng ra sao? CSS & HTML đã tối ưu hóa chưa? Mã nguồn nào thì có ảnh hưởng gì nhỉ?

 

4rum mình chỉ 250 thành viên thui, mới làm dc 2 tuần, số người truy cập thì lúc nào cũng như zì

hế mà mới chỉ tốn có 3GB Bw , xenforo xài khá là tiệt kịm băng thông , lợi kinh tế

 

Thấy nhiều người nói phải tối ưu CSS, HTML mà mình chả hiểu thế nghĩa là gì. Ai giải thích hoặc hướng dẫn mình không

 

Tối ưu CSS nghĩa là dùng css để thay thế hình ảnh đấy!

 

mọi người hướng dẫn tối ưu hóa cụ thể cho mình xíu được không ạ.. không hiểu lí do gì mà tăng bw vãi quá .. giờ k biết đường nào mà lần để nó giảm lại

 

Bạn có thể nói rõ hơn được không? Ví dụ ấy?

 

Ví dụ bạn làm 1 cái khung hình có border & bạn làm nó bằng 1 cái hình, thì thay vì cách đó bạn nên dùng CSS để border theo kiểu

Mình lấy ví dụ đơn giản nhất như thế

 

Lấy ví dụ đơn giản nhất là thế này nhé! Thay vì bạn chơi nguyên 1 cái ảnh làm background cho forum bạn, thì bạn chỉ dùng 1 mã màu để làm background thôi! Nghĩa là background: #000 và bỏ cái ỏ cái background-image:url('http://... đi

Ví dụ như forum mình nè, background là 1 màu xám: http://forum.vietdesigner.net/

 

Còn nhìu lắm, ví dụ như thêm chế độ thumbnal cho ảnh up lên, cấm quyền up hình lên chữ ký, hạn chế upload trực típ lên 4rum, tăng thời gian refresh cho thống kê, chuyển chatbox qua host khác, túm cái quần lại lài khá nhìu cách giảm bw

 

Site mình ngốn BW kinh tởm . 6k visit 1 ngày - tốn gần 6GB /1 ngày

 

bác này chém hài ghê
mình chỉ nghe nói tối ưu html/js/css để tăng tốc độ load cho trang web chứ chưa nghe nói tới giảm băng thông hay gì cả..
tối ưu html thì mình ko rõ nhưng tối ưu css/js thì cách tối ưu nhất mà minify
minify là gì thì ae gút gồ nhé...nó đơn giản là cho tất cả các css thành 1 dòng thôi tối ưu mà
Còn nếu site bác sử dụng nhiều ảnh thì cách tối ưu là css sprite image (cái này học photoshop sẽ biết - mình chẳng học nhưng nghe cái tên khi nói tới css)

 

chế độ thumbnal cho ảnh up lên mình chưa biết cách làm , cấm quyền úp hình chữ ký chưa luôn,hạn chế upload trực típ lên 4rum thì làm sao bạn , tăng thời gian refresh cho thống kê thì mình đã làm cái này rồi , chatbox cũng đã chuyển qua host khác, còn tối ưu hóa code thì sao nhỉ .. các bạn hướng dẫn từng cái giúp mình với .. cảm ơn nhiều

 

Mình thấy thêm cái nữa là database phình lên rất nhanh

 

chịu phó vào xóa data admin_log/mod_log và rebuild cache thường xuyên là được

 

Mô tả giữa trình duyệt và máy chủ:

​

1. Trình duyệt: Này server, hãy lấy cho tôi tập tin index.html (ví dụ)
2. Máy chủ: Ok, để tôi tìm nó.
3. Máy chủ: Đã tìm thấy. Và trả về mã 200 đồng thời cho tải tập tin.
4. Trình duyệt: Đến 100Kb liền ah? Chờ chút nhé, để tôi load nó.

Vậy file của bạn càng lớn thì load càng lâu và bằng thông càng bị chiếm nhiều, cách tốt nhất là bạn nên tối ưu các file css và js để độ load được cải thiện. Ngoài ra bạn nên hạn chế việc cho tải ảnh lên theo dung lượng file thấp hoặc sử dụng các nhà cung cấp đám mấy như mấy bạn ở trên có đề xuất.

Có nhiều cách để bạn giảm tải việc load trong đó có kỹ thuật nén file dạng gzip với server có hỗ trợ mod_gzip, các file khi load sẽ đc nén để tải và xuất lên trình duyệt dạng html (hiệu quả cũng đáng kể)

Tối ưu hóa CSS thì chắc các bạn cũng biết: giảm số dòng code, các thuộc tính nên để trên 1 dòng, giảm độ load các image bằng các thuộc tính hỗ trợ. Đặc biệt CSS3 có khá nhiều thuộc tính có thể thay thế ảnh nền gradient, border, shadow,... Tương tự vs Js cũng vậy: bạn giảm thiểu tối đa khoảng trống và xuống dòng giữa các đoạn code, loại bỏ ghi chú thừa (nhưng cũng chỉ đc 1 phần nào thui)