Đăng ngày: 22:55 27-05-2008
Hôm nay vừa vào blog nhận đc tin nhắn của bạn
salex7a, bạn ấy góp ý là: "có vẻ như công nghệ dữ quá nên plus của bạn trở nên... ì ạch hơn chăng? Load chậm wua". Mình đoán chắc là bạn ấy sử dụng trình duyệt Internet Explorer

.
Về cái IE Web Browser này thì mình đã có nói qua ở bài IE củ chuối... hồi trước rồi, đó là chuyện IE-7 xử lý các blog có sử dụng ảnh .png kèm với hiện ứng Opacity rất kém (IE-6 trở xuống thì không nói vì nó không xử lý đc hiệu ứng này của .png). Nếu ở quy mô nhỏ như làm border thì không nhận ra sự khác biệt, chứ nếu để làm ảnh nền cho các phần rộng như module hay đặc biệt là dùng làm ảnh nền cho toàn trang, sẽ nhận thấy ngay sự khác biệt về mặt hiển thị, khi kéo trang màn hình giật giật và bị delay như thể máy bạn đang chạy một ứng dụng nào đấy mà phải vận dụng tối đa công suất của máy vậy. Nguyên nhân nào dẫn đến tình trạng này?
-- Mấy ngày qua ngồi vọc Plus, ít nhiều cũng có kết quả, phát hiện nhiều lỗi của Plus, đã có thống kê nhưng vì dài quá nên ngại chưa viết bài phân tích tỉ mỉ
. Nay tớ chỉ tạm bàn về chuyện khi sử dụng ảnh nền dạng transparent, ko chỉ là ảnh .png mà ngay cả khi dùng ảnh .gif cũng sẽ xảy ra hiện tượng tương tự.
IE7 là một trình duyệt rất tốn tài nguyên RAM, nếu dùng lâu, hoặc mở nhiều tab, hoặc refresh lại trang web nhiều lần, số RAM mà nó đòi hỏi càng tăng nhanh đến mức chóng mặt. Máy tính mình đang sử dụng có RAM 3GB nhưng nếu sử dụng IE7 lâu khoảng tầm 2 tiếng là RAM dành cho IE chiếm mất khoảng 400-500 MB, thậm chí có lúc xảy ra tình trạng treo ứng dụng phải khỏi động lại IE. Về phần xử lý ảnh cùng với hiệu ứng transparent, với mỗi đối tượng ảnh, IE phải dành ra 2 phần dành cho việc hiển thị ảnh và phần xử lý hiệu ứng transparent, do đó khi sử dụng hiệu ứng này làm ảnh nền (ảnh nền thường là ảnh kích cỡ nhỏ), mỗi lần ảnh lặp lại là mỗi lần IE phải tăng thêm vùng tài nguyên để xử lý hiệu ứng, do đó sẽ khiến việc hiển thị hình ảnh ko smoothly cho lắm. Về vấn đề này FF xử lý tốt hơn nhiều, vì vậy mà mình mới để blast khuyên dùng FF 2.0.* đấy chứ không phải chỉ là viết chơi cho vui đâu
.
Về chuyện này sau khi tìm được nguyên nhân mình đã có cách khắc phục cải thiện đáng kể tình hình, và nhiều người đã nhận xét rằng vào blog cảm thấy nhanh hơn hồi trước :)). Vì thế mình mới nhân rộng hiệu ứng nền transparent lên ở một số phần nữa (trước đây chỉ dùng cho mỗi phần border), cho nên chuyện blog mình càng công nghệ càng ì ạch có lẽ không phải đâu nhỉ
?
Chuyện blog mình load chậm thì chắc ko hẳn như thế đâu. Blog mình sử dụng code là nhiều chứ hình ảnh thì khá khiêm tốn, không sử dụng các module có chèn nhạc hay chèn hình ảnh nhiều, nhất là hình ảnh .gif động. Có thể nói dung lượng blog khá gọn nhẹ
.
Nhân tiện nói luôn về vấn đề một số người than rằng plus chạy khá chậm. Uhm cái này chính xác, vì nếu loại bỏ các phần râu ria về hình ảnh, riêng đoạn code gốc về CSS và Javascript mà plus sử dụng chung cho tất cả các blog đã có dung lượng là 683KB. Vì thế nếu lần đầu tiên bật trình duyệt để vào một blog plus, bạn có thể sẽ thấy blog load khá lâu nếu như đường truyền không tốt. Nhưng đấy chỉ là cảm giác ban đầu thôi, vì phần code này là dùng chung cho tất cả các blog nên trình duyệt chỉ phải load một lần, sau đấy nếu có sang các blog khác thì phần code này không cần phải tải lại, chỉ có các hình ảnh và objects khác có sử dụng trên blog đó mới cần được tải về máy. Có thể sẽ có nhiều người thắc mắc vì sao code của plus nặng thế? Đơn giản vì trong phần code đấy có chứa khá nhiều thành phần hay ho mà hiện tại plus chưa đưa vào sử dụng, vẫn là "của để dành"
.
Rồi, vấn đề chính đã giải quyết xong, giờ thử đo xem blog của mình và bạn ấy xem blog nào nặng hơn nhá. Bạn nào thích kiểm tra có thể vào trang web này, paste link blog mình vào để đo thử:
-- Àh mà nếu đọc cái report của nó mà nhiều warning quá thì cũng đừng hoảng nhá
. Cái này nó tính toán cho cả các đường line dial-up cho nên yêu cầu hơi khắt khe, chứ giờ line ADSL tốt hơn rồi, ko đến nỗi như thế đâu
.
Uhm kết quả đây, tớ chỉ post vài cái chính quan trọng thôi:
| Blog tớ |
Blog bạn salex7a |
Global Statistics
| Total HTTP Requests: |
84 |
| Total Size: |
937973 bytes |
|
Global Statistics
| Total HTTP Requests: |
63 |
| Total Size: |
1916364 bytes |
|
Download Times*
| Connection Rate |
Download Time |
| 14.4K |
743.78 seconds |
| 28.8K |
380.29 seconds |
| 33.6K |
328.36 seconds |
| 56K |
203.74 seconds |
| ISDN 128K |
74.05 seconds |
| T1 1.44Mbps |
21.77 seconds |
|
Download Times*
| Connection Rate |
Download Time |
| 14.4K |
1497.88 seconds |
| 28.8K |
755.24 seconds |
| 33.6K |
649.15 seconds |
| 56K |
394.53 seconds |
| ISDN 128K |
129.57 seconds |
| T1 1.44Mbps |
22.75 seconds |
|
--- Giờ thì ai "nặng" ai hơn nhỉ
.
Dù sao cũng thanks bạn
salex7a đã góp ý, để tớ nghiên cứu cải thiện tình hình blog trên IE tiếp vậy

.
RikG 10:48 23-08-2008
Vũ Nguyễn 20:33 04-06-2008
songuku99 02:00 30-05-2008
hehe it's up to you, it's your blog so as long as you like it
I've looked @ everyone code but the reason I like yours is cuz of both the nice design and the clever little trick. The only thing i see with this new 360 Plus is it seems to attract teenager rather than older people, probably due to its fanciness and complexity. Old peep doesn't wanna learn new stuffs. By the way, which school you are/were from? You're a smart guy.
Noa07:45 30-05-2008
songuku99 15:50 29-05-2008
Why don't you replace all background images of the top black box from yahoo with your own images to make the whole theme consistent? Some of the tags are:
#blog_masshead
#blog_masshead .bd
/* bottom border: 2 pieces */
#blog_masshead .rc_ft
#blog_masshead .rc_ft DIV
/* top */
#blog_masshead .rc div
#blog_masshead .rc
/* left */
#blog_masshead .rc_bd
/* right */
#blog_masshead .rc_bc
/* don't know yet */
#blog_masshead .menu.ml
/* Trang chinh, viet blog....*/
#blog_masshead .menu.ml a
/* west of Trang chinh */
#blog_masshead .menu .rc_w
/* east of Trang chinh */
#blog_masshead .menu .rc_e
By the way, I peek @ your CSS code, very cool. You must have spent a lot of time on it. Keep it up!
Noa18:30 29-05-2008
After I met Mr.Vũ (the person at below this post), we spended about 30 mins to 1 hour each day together. He showed me his ideal and I reseached code for him, incidentlly changed my code too, of course I used only what I need. You may want to see his CSS code, it has somethings I don't have :).
Vũ Nguyễn 13:20 29-05-2008
co0l.l0ve 03:19 29-05-2008
Noa12:03 29-05-2008
Roni 20:13 28-05-2008
Cua to ngon wa'- dung la`blog chang co gi co khac' hi~hi~
Download Times*
Roni 20:07 28-05-2008
to' dung` IE6 load Noa va Salex7a van ngon lanh`canh`dao ma`, voi lai to' con` cai` bo. theme cho ca IE nua. may hom nay van chay tot. co le IE cua ban Salex7a co van de chang???
Noa22:52 28-05-2008
[ Phương_PrinCesS ] ™ 17:51 28-05-2008
Vũ Nguyễn 14:03 28-05-2008
Noa14:44 28-05-2008
Kết quả giảm béo của em này =)), ko cần bỏ bất cứ thành phần nào hiện tại cả nhé
Vũ Nguyễn 13:24 28-05-2008
songuku99 11:27 28-05-2008
Noa14:40 28-05-2008
salex7a 10:03 28-05-2008
Mình xài FF phiên bản mới nhất, mạng của Netsoft (VNPT), máy tính cấu hình mạnh...
Mà hình như 2,3 hôm nay Plus có vấn đề thì phải, load rất chậm...
nice day!
Noa10:11 28-05-2008
À, mà sau khi bạn góp ý thế tớ lại tinh giảm bớt dung lượng của blog rồi đấy, đang tìm cách "giảm cân" tiếp
songuku99 09:49 28-05-2008
Noa10:04 28-05-2008
co0l.l0ve 02:30 28-05-2008