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

Chia sẻ lúc nào cũng quý nhưng ngu mà chém gió thì là hại người khác chứ éo phải giúp đâu. Không biết thì cứ im đi, cái gì biết chắc chắn hãy nói. Ngu dốt + nhiệt tình = phá hoại _ _!!

 

băng thông là do addon và style ...giảm tải addon không cần thiết và style không có nhiều hình ảnh - đặc biệt flash hoặc ảnh động ...

còn thứ 2 là do lưu lượng truy cập thì không đáng kể đến băng thông lắm đâu ...

nếu có chatbox thì nó cũng tầm chưa 1GB BW 1 ngày đâu ...

 

1. Tối ưu css ko phải là dùng css thay hình ảnh - mà là những hình ảnh thay vì dùng thẻ <img > để hiển thị 1 hình nào đó, ta làm sao đó kết hợp css với html để tạo lên giao diện như ý muốn. Trong css dùng thuộc tính background-image: như vậy khi trình duyệt nó đọc thì nó sẽ lưu hình đó vào cache của máy client, ko như thẻ <img > trong html mỗi khi load trang nó sẽ load lại từ đầu làm tốn băng thông. Đây là về mặt giảm dung lượng trang khi load về.

2. Mặt khác của tối ưu css là cách viết code css sao cho đúng chuẩn, tránh lặp lại code, tránh lỗi cú pháp dẫn đến làm chậm tốc độ hiển thị hay hiển thị khác nhau trên các trình duyệt (vẫn 1 tác dụng nhưng một webmaster giỏi, họ viết css ngắn gọn, đúng chuẩn, không bị overflow).

Có 1 kỹ thuật rất hay là dùng 1 hình ảnh chứa nhiều hình ảnh nhỏ (tạo thành 1 file ảnh lớn) vd: như các icon, kết hợp html và css ta hoàn toàn tạo lên 1 giao diện hiển thị tương tự như trang web có nhiều hình nhỏ đó. Như vậy thì trang web sẽ cải thiệt được tốc độ load một cách đáng kể. 1 cách khác nữa là tải trước hình ảnh..vv các bạn tìm hiểu xem..

 

code chưa tối ưu nak, dòng nào cũng thừa "url(images/icon/node_icon.png) no-repeat"
bạn thử background-position: cho các node id

Mã:

.nodeIcon{background: url(images/icon/node_icon.png) no-repeat 0 0 !important }
 
.node.node_11 .nodeIcon{ background-position: 0 0 !important } /* dòng này ko cần thiết */
.node.node_12 .nodeIcon{ background-position: 0 -41 !important }

 

cong nhan, nhung dua ngu, luon la nhung dua ngu

 

Thấy bác nhocti hay có những câu nói rất hay trên VietXF, rất thích bác ở điểm này

 

mình làm thế có lý do của nó pro ạ.
Đầu tiên mình sử dụng

Mã:

.nodeIcon{background: url(images/icon/node_icon1.png) no-repeat top left !important}

Còn các node thì chỉ cần background-position thôi.

Nhưng mà như này thì ko xài đc icon mặc định của nó nữa. nếu node nào ko chèn icon thì nó sẽ nhận cái ảnh có position là 0 0 làm icon.

Đây là lý do mình dùng như trên, tuy dài 1 chút thôi nhưng túm lại vẫn request là đc.

P/S: Pro bảo thừa cái gì, có cách nào pro thì chỉ bảo ae học hỏi

 

ví dụ bây giờ e muốn thay ảnh banner , footer , bg bằng 1 đoạn css thì làm sao a .. Nếu làm nv có thể giảm sự tăng BW khi load ạ. mong a giúp e

 

banner ai lại đi thay css hả bạn, còn nếu muốn thay thì bạn phải hiểu css từ đó bạn có thể tối ưu nó
mình không rành code lên vd này cho bạn hiểu
VD: mình muốn nói với bạn rằng mình muốn giúp bạn nhưng mình không thể vì mình gà
tối ưu đi để bác hiểu hay thằng trình duyệt nó hiểu thì sẽ ngăn hơn: xin lỗi mình không giúp bạn được
đó nếu bác giỏi tối ưu càng ít chữ nhưng vẫn hiển thị tốt thì sẽ load nhanh hơn, giảm bw cho bác,
nói chung tối ưu là giảm độ nặng của file nếu host bác trâu bò mình thấy nặng xíu cũng chạy vèo vèo

 

thì bạn phải nhét cái icon mặc định vào chỗ icon đầu tiên chứ, code mình chia sẻ là theo ý bạn mà.

 

tùy từng style, hỏi khơi khơi vậy sao ai giám giúp bạn. Cần pm chữ ký.

 

mặc định như ko phân biệt đc icon chưa đọc và đã đọc pro ạ. Ngon thì làm 1 tut lun đi

 

bạn nói nghe có vẻ thách thức nhỉ, nhưng đâu phải ai cũng cần...

 

thách thức gì bạn., tại thấy bạn nói rất hay nhưng chưa thấy hành động cụ thể cho ae tham khảo, còn tôi thấy bạn có vẻ là người cơ hội

 

Cơ hôi gì chứ, bạn đừng nói hàm hồ như vậy. Có thì, chỉ là người biết chớp lấy cơ hội mà thôi . Còn bạn bảo hành động cụ thể thì phải có động lực gì đó thì mới làm chứ đâu tự nhiên rảnh mà làm cho phí thời gian vô ích ra.

 

thế thì đừng nói gì, dạng người như bạn thì gặp nhiều rồi

 

mắc cười , bạn ko ưu tôi, tôi cũng đâu ưa bạn... bạn là cái shit gì mà cấm người khác phải thế này - phải thế kia... haizzz

 

Đừng có lúc nào cũng tỏ ra nguy hiểm hơn người khác... tôi thua bạn đó được chưa

 

ganh đua gì ở đây mà thua với chả thắng, tôi chỉ nói để bạn biết rằng lời nói cần phải đi cùng hành động thì mới có chất lượng. chứ đừng phán xuông thì thà ngậm mồm mà hóng thôi. Tôi cũng chả cấm bạn cái gì cả. Dừng tại đây

 

mặc định xfr vẫn còn báo lỗi HTML khi check http://validator.w3.org/, admin nên viết 1 bài tối ưu mấy cái này là rất tôt