About MeAll Entries

 
 
สวัสดีครับ 
 
ห่างหายไปนานกว่าที่คิด เพราะติดเกม
 
 
จริงๆ เพราะติดสอบ แต่ก่อนสอบก็เล่นเกม
 
 
แต่อย่างไรก็ตาม กด Ctrl+F5 ซักสองสามทีด้วยครับ ;w;
 
อ่านจบแล้ว ดูตรงคอมเม้นต์จะรู้เลยว่าอะไรเปลี่ยนบ้าง
 
[spoiler]
 
โค้ดยังไม่แจกนะครับ รอทำเวอร์ชั่นเต็มก่อน คงอีกไม่นาน ;w;
 
[/spoiler]
 
 
 
 
เอนทรี่นี้เป็นภาคต่อจากเอนทรี่ที่แล้ว ซึ่งอธิบายวิธีทำให้บล็อกโหลดเร็วขึ้นโดยการลดจำนวนรูป ลดขนาดรูป และอย่างอื่นที่เกี่ยวกับรูป
 
เพราะฉะนั้นเอนทรี่นี้จะเกี่ยวกับอะไรที่ไม่ใช่รูป
ซึ่งก็ทำให้บล็อกโหลดช้าลงเยอะเหมือนกัน...
 
ใครที่ยังไม่ได้อ่านตอนที่แล้วก็แนะนำให้กลับไปอ่านนะครับ แปะลิ้งค์อีกที:
 
 
ต่อเลยดีกว่า~
 
 
6. Widget เยอะก็โหลดช้าสิ
 
 
แน่นอน ตัวถ่วงที่สำคัญที่สุดคือ widget ต่างๆ ที่ห้อยระเกะระกะอยู่ในบล็อก
 
กระดิ่งเอย สไลด์โชว์เอย แบนเนอร์ คลิปวิดีโอ แฟลช ฯลฯ
 
พวกนี้ส่วนมากขนาดจะใหญ่กว่ารูปซะอีก
 
จริงๆ ก็มีได้ แต่เยอะเกินไปย่อมไม่ดี เพราะแฟลชก็ต้องมี HTTP Request เหมือนกับรูป
 
หมายความว่าไอ้หน้าขาวตัวนี้ก็ต้องวิ่งไปที่เซิร์ฟเวอร์ แล้ววิ่งกลับมาเหมือนกัน
 
เห็นความทรมานที่ซ่อนอยู่ในแววตาของเขา/เธอ/มันมั้ย
 
ไม่เห็นเหรอ
 
เอาเถอะ...
 
 
7. ไม่ใช้ #sidebar2 ก็โหลดช้าสิ
 
 
อันนี้เคยอ่านที่ไหนซักที่นานแล้ว ตั้งแต่เขียนบล็อกใหม่ๆ
 
คนส่วนใหญ่ใช้ #sidebar ธรรมดากัน ซึ่งมันอยู่สูงกว่าเนื้อหาในโครงสร้าง
 
หมายความว่าถ้ามี sidebar อยู่ มันจะโหลดก่อนเนื้อหา ซึ่งปกติเราไม่ต้องการ
 
ยิ่งถ้า sidebar บล็อกนั้นมี widget เยอะๆ รูปใหญ่ๆ แล้วละก็...
 
เปิดทิ้งไว้ตอนนี้ แล้วเขียนพินัยกรรมให้เหลนคุณมาอ่านได้เลย
 
 
แต่ปัญหานั้นจะหมดไปเมื่อท่านใช้ #sidebar2!!
 
เพราะ #sidebar2 อยู่หลังส่วนเนื้อหา มันจึงโหลดทีหลัง
 
วิธีเปลี่ยนก็ไม่ยาก แค่เข้าไปที่ Manage -> Theme -> Widgets
 
แล้วลากไปด้านขวาให้หมด
 
 
กลับมาที่ CSS (ถ้าเป็นธีม apollo หรือดัดแปลงโดยไม่แก้โค้ดอะไรมาก) ให้หา
 
 
#sidebar2{
display:none;
}
 
แล้วเอาเลข 2 ออก...
 
จบ!!
 
 
8. ใช้ Save as ก็โหลดช้าสิ
 
 
สมมติว่าคุณกำลังทำเฮดบล็อกใน Photoshop...
 
คุณดีไซน์ไปเรื่อยๆ จนเสร็จสมบูรณ์ ตั้งใจแน่วแน่แล้วว่าจะใช้รูปนี้เป็นเฮด ประดับอย่างภาคภูมิ ณ ส่วนบนสุดของบล็อก
 
คุณตัดสินใจกด Ctrl+Shift+S เพื่อจะ save as jpg/png/gif...
 
อัพโหลดขึ้นโฮส แก้ CSS แล้วกดรีเฟรช
 
แล้วก็ต้องสลดเมื่อพบว่ารูปของคุณโหลดช้าเหมือนหอยทากขั้วโลก
 
 
เศร้าสิ้นดีเลย
 
 
แล้วจะให้ทำยังไงล่ะ? คุณอาจถาม (หรืออาจจะไม่ แต่ไม่ว่ายังไง ผมก็จะเฉลย)
 
Save for Web คือคำตอบ
 
 
มันดีมากเมื่อเซฟรูปเพื่อเอาขึ้นเว็บ (ตามชื่อ) เพราะมันมีตัวเลือกมากมาย คุณสามารถปรับคุณภาพ จำนวนสี การเกลี่ยสี (dithering) และอีกมากมาย
 
แถมมีบอกด้วยว่าที่ความเร็วเน็ตเท่านี้ รูปของคุณจะใช้เวลาเท่าไหร่ในการโหลด!!
 
วิธีก็ไม่ยาก อยู่ใต้ Save as นิดเดียว
 
 
 
 
มันทำให้บล็อกโหลดเร็วขึ้นจริงๆ นะเอ้อ~
 
 
9. ใช้โฮสนอกก็โหลดช้าสิ
 
 
แวะเวียนกลับมาเรื่องโฮสอีกที
 
นอกจากจะใช้โฮสคุณภาพแล้ว วิธีที่จะทำให้รูปโหลดเร็วจริงๆ เลยก็คือใช้โฮสของเอ็กซ์ทีนไปเลย
 
เพราะการทำ HTTP Request กับเว็บเดียวกันนั้นเร็วมากกกก
 
 
เหมือนกันว่ามีรูปกองอยู่แล้วนั่นแหละ ไม่ต้องวิ่งไปไหนเลย
 
 
แต่โฮสของเอ็กซ์ทีนก็มีข้อกำจัด จำกัดอยู่เหมือนกัน คืออัพรูปใหญ่ๆ ไม่ได้
 
 
10. ไม่มี sprite ก็โหลดช้าสิ
 
 
ข้อนี้อาจจะงงๆ เพราะอธิบายไม่ถูก
 
Sprite เป็นเทคนิกนึงที่ช่วยให้เว็บโหลดเร็วขึ้น
 
ง่ายๆ คือการเอารูปหลายๆ รูปมาประกอบกันเป็นรูปใหญ่รูปเดียว!
 
และรูปใหญ่นั้นจะโหลดเร็วกว่ารูปเล็กหลายๆ รูป
 
 
วิธีทำนั้นแยกเป็นอีกเอนทรี่ได้เลยละ เพราะงั้นจะ (ยัง) ไม่เอามาลงนะครับ
 
 
ถ้าใครอยากศึกษาเรื่อง sprite เพิ่มเติมแนะนำเว็บนี้
 
 
อธิบายไว้ละเอียดมาก (แต่เป็นภาษาอังกฤษนะ)
 
 
 
นอกจากนี้
 
 
นี่คือสุดยอดคัมภีร์ที่จะทำให้เว็บโหลดเร็วขึ้น
 
 
ซึ่งบางอย่างเราก็ทำได้ บางอย่างก็ไม่ได้ ลองอ่านแล้วประยุกต์ใช้ดู
 
 
 
 
 
 
 
อาา ตอนนี้ดูไม่แจ๊สเท่าตอนที่แล้ว (แปลว่าไรฟะ) แต่เหมือนเนื้อหาจะเยอะกว่าแฮะ
 
จริงๆ ช่วงนี้อยู่ระหว่างการหาไอเดียทำให้บล็อกใช้ง่ายขึ้น คงจะเปลี่ยนไปทีละนิด
 
 
เจอกันเอนทรี่หน้าครับ 
 
 
ปล. ติดเกมมมม
ปล 2. วาดวงกลมเป็นพันวงแล้วมั้ง กว่าจะได้แต่ละรูป +_+
ปล 3. เปิดเทอมแล้วละสิ!! ฮว่าๆๆๆ (จขบ. เหลืออีกเดือนนึง)

Comment

Comment:

Tweet

Hot! Hot!
สุดยอด!!!
(แต่ยังไม่ชิน T^T)
ปล.พี่วาร์กลับมาแล้ว >.<
ปลสอง.ชอบกล่องเมนต์ มีภาพดิสเพลยขึ้นด้วย ^^

#32 By !@Leaderdevil-demon@! on 2011-05-20 22:35

Hot! Hot! โอ้วววว เป็นประโยชน์ยิ่งนักกกก

#31 By [ Sai ];charot on 2011-05-20 21:50

ขอบคุณฮับ!! confused smile

#30 By ลูกชิ้น on 2011-05-20 21:06

ช่วงนี้ก็เริ่มเพลาๆ widget เนื่องจากกลัวโหลดช้า sad smile Hot! Hot!

#29 By ✖ maii - まいさ - maisa ✖ on 2011-05-20 21:03

ไม่เคย save for web เลยค่า

#28 By (^_^)/nana on 2011-05-20 16:49

เจ๋งครับ

ผมเพิ่งรู้ว่ามี save for web อยู่ด้วยนะเนี่ย sad smile

#27 By TaNBaBa on 2011-05-20 15:56

Hot! Hot! Hot!
บล็อคดีมีประโยชน์

#26 By jin on 2011-05-20 13:57

ขอบคุณมากนะคะ เพิ่งรู้ว่าให้ไซด์บาร์อยู่ด้านขวา
เราอยู่ด้านซ้ายทุกสิ่งอย่าง -*-

บรรจงแปะดาว
Hot! Hot! Hot! Hot! Hot!

#25 By Opalyn's on 2011-05-20 12:23

อุ้ยยย ขอบคุณสำหรับคำแนะนำค่าา >< Hot!
มีประโยชน์จ้าHot!

#23 By วิหคสีคราม on 2011-05-20 11:43

Hot! Hot! Hot!
สุดยอดยอดครับ

#22 By hackerlife on 2011-05-20 10:59

คราวนี้เกี่ยวกับรูปภาพทั้งนั้นเลยนะคะ big smile

ความรู้ใหม่ทั้งนั้นเลยค่ะ ไม่เคยลอง ไม่เคยรู้ด้วย Hot! Hot! Hot!
ขอบคุณค่ะHot! Hot! big smile
ใช้แต่ save for web ค่ะ 555
ใช้ตลอด ลงเว็บไม่ลงไม่รู้ล่ะ..ใช้ไปก่อน

ส่วนเรื่อง sidebar2 ต้องไปลองดูค่ะ !!
Hot! Hot! Hot! Hot! Hot!

#19 By นังหมู~~ on 2011-05-19 23:02

*เพิ่งรู้ข้อ 8 =[]=!! ต้องลองซะแล้ววววว

**ตอนนี้ก็เป็นบล็อกที่ใช้ง่ายแล้ว แต่ถ้าจะให้ง่ายขึ้นอีกก็อยากจะรู้ว่าจะเป็นแบบไหน *..*

Hot! Hot! Hot!

ป.ล.เปิดเทอมแล้ว = = ไหงมหาลัยเปิดช้าจัง เง้อออออ

#18 By RACHE~OH!!! on 2011-05-19 22:50

Hot! open-mounthed smile

#17 By clock on 2011-05-19 22:10

sprite นี่เคยได้ยิน แต่ไม่เคยทำซักที เพราะเน็ตมันเร็วขึ้นครับ open-mounthed smile

#16 By clock on 2011-05-19 22:10

Hot! Hot! Hot! Hot! Hot!
เจ๋งมากครับ!! =[]=!! ชอบ!!

#15 By ๏Luvi๏`KunG on 2011-05-19 21:46

Hot! Hot!

ตามน้ำซะหน่อย
บอกตรงๆ ส่วนตัว Save for Web กว่า 90% ที่เปิด PS
เหมือนมันชินไปแล้ว sad smile

#14 By Fantasier CS4 on 2011-05-19 21:27

Hot! Hot! Hot! Hot! Hot!

สุดยอดครับ big smile big smile big smile
เพิ่งรู้เรื่อง save for web นะเนี่ย (มีแต่คอมเม้นต์แบบนี้แฮะ) sad smile

Hot!

#12 By earnle on 2011-05-19 21:08

โอ้ เเพิ่งรู้เซฟแบบนั้นในฉ่อยได้ด้วยย
ขอบคุณมากเน่อออ Hot!

#11 By Nattsu on 2011-05-19 20:56

ชอบตัวหัวกลมๆของท่านวาร์confused smile
เป็นอะไรที่ไม่รู้มาก่อน ได้ความรู้ใหม่อีกแบ๊ว Hot!

#10 By RedGlasseS [Lee] on 2011-05-19 20:52

ขอบคุณมากจ้าา cry cry

#9 By ★ Y E L I O H on 2011-05-19 20:41

ไม่เคยใช้ Save for web เลยแฮะ
ไม่น่าเชื่อเลยว่าจะช่วยได้ (แต่มันช่วยได้จริงๆสินะ)
อัพโหลดรูปขึ้น exteen มันน่ารำคาญอยู่นะ โหลดได้ทีละนิดเดียว
(แถมต้องกด browse หลายรอบ)
แล้วยัง error บ่อยอีก= =a

ปล. พรุ่งนี้ร.ร.มี leavers' dinner ><
ปปล. ปูข้างๆกล่องเม้นท์มีไว้ทำไมอะ
Hot! Hot! Hot! Hot!

#8 By Nijjy on 2011-05-19 20:29

คอมเมนท์แก้ใหม่แล้วงามขึ้นนะคะ Hot! Hot! Hot!

ขอบคุณสำหรับสาระดีๆอีกค่ะ

#7 By blear on 2011-05-19 20:29

โล่งอย่างงี้ โหลดไวชิมิล่า Hot!

#6 By Howl on 2011-05-19 20:27

ขอบคุณสำหรับข้อมูลค่ะconfused smile
Hot! Hot! Hot!

#5 By Ane_moNe on 2011-05-19 20:24

Hot! Hot! Hot! Hot! Hot!

สุดยอดเลยฮะ

#3 By SOSTimer on 2011-05-19 20:17

Hot! Hot! Hot!
เจ๋งมากขอรับ
เพิ่งรู้ว่า save for web โหลดไวกว่า

#2 By ลิงแว่น on 2011-05-19 20:16

เฮ้ย คนแรกๆๆๆๆ เม้นก่อนค่อยอ่าน

#1 By Fantasier CS4 on 2011-05-19 20:15