|
หัวข้อ: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: 9jukkaphan ที่ 02 สิงหาคม 2014, 00:48:12 สวัสดีครับเพื่อนๆ ชาว IM ทุกๆท่านวันนี้เลิกงามยามดีผมมาเขียนบทความสอนเกี่ยวกับการปรับ WP สักหน่อยก่อนนอน ซึ่งบทความนี้ผมจะมาสอนเพิ่มความเร็วเว็บหรือ PageSpeed Insights ด้วยรูปแบบต่างๆที่ผมลองทำนะครับ ก่อนอื่นนั้นเรามาดูเรื่องของการปรับความเร็วการโหลดหน้าเว็บกันก่อนเลยนะครับ
ความเร็วก่อนที่ผมจะปรับหน้าเว็บ (http://i.imgur.com/MXmC5tk.png?1) หลังจากการปรับหน้าเว็บและเพิ่ม Cahce (http://i.imgur.com/KaGBOU4.png?1) ขั้นตอนในการปรับเพิ่มความเร็วในการโหลดหน้าของ WP ของผม 1.ขนาดไฟล์รูป ลดลงเท่าที่ลดได้ครับ โดยเฉพาะตรง "รูปภาพพิเศษ" (Wordpress) ส่วนตัวผมใช้ Adobe Photoshop ตอนเซฟผมจะ Save for web 2.ไล่ตรวจสอบ Scirpt ที่ไม่มีประโยชน์หรือไม่ได้ใช้เอามันออกไปครับ 3.เพิ่มการ Cahce ให้กับเว็บของเราส่วนตัวผมใช้ PG ที่ชื่อว่า WP Super Cache ครับ อย่างที่หลายๆคนคงจะรู้กันนะครับว้าความเร็วของการโหลดหน้าเว็บนั้นมีผลต่อเรื่องของ SEO อยู่ไม่มากก็น้อยนะครับ ขอขอบคุณ +1 ที่ได้จากทุกๆ ท่านนะครับ :'( หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: ayeweb ที่ 02 สิงหาคม 2014, 02:11:18 เคยทำ 100 เต็ม แต่ปรับจนจะไม่เหลืออะไรที่หน้าเว็บเลย ห้าๆๆๆๆๆ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: TheFaceBook ที่ 02 สิงหาคม 2014, 02:39:05 เคยทำ 100 เต็ม แต่ปรับจนจะไม่เหลืออะไรที่หน้าเว็บเลย ห้าๆๆๆๆๆ อันนี้ผมใช้โหมดข้อความของ PHPWIND บางทีเว็บยิ่งเข้าเร็วอันดับยิ่งดีนะเพราะโหมดข้อความบางลิ้งอันดับดีกว่าลิ้งหลักอีก (http://upic.me/i/cs/3scats.jpg) (http://upic.me/show/52138325) หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: aodonline ที่ 02 สิงหาคม 2014, 03:09:45 ปกติผมทำได้ที่ 80-85 ผมก็พอละครับ
ปรับเยอะกว่านี้ ผมว่าไม่ค่อยโดนใจผมสักเท่าไหร่เพราะมันต้องเอานู่นเอานี่ออก เอิกๆ :wanwan013: :wanwan013: :wanwan013: :wanwan013: หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: l8kafter ที่ 02 สิงหาคม 2014, 06:42:28 ขอบคุณมากค่ะ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: dolphin ที่ 02 สิงหาคม 2014, 11:45:51 +1ครับ ขอบคุณมากครับ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: nemo1112 ที่ 15 กันยายน 2014, 01:33:08 ขอบคุณครับ ผมทำได้ 80 ก็หมดแรงแล้ว :wanwan031:
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: gooagolf ที่ 15 กันยายน 2014, 02:40:40 ของผมแค่ไม่แดงก้อโอเครแล้วครับ :wanwan003: :wanwan003:
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: JKS ที่ 15 กันยายน 2014, 08:24:27 มันมีผลกับ SEO ไหมครับ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: scanfire ที่ 15 กันยายน 2014, 08:36:25 -อบคุณมากนะครับผม
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: kondam ที่ 15 กันยายน 2014, 08:36:37 ของผมน้อยกว่า 50 :o
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: mastergtx ที่ 15 กันยายน 2014, 09:55:51 ส่วนใหญ่จะติดตรงที่รูปมันใหญ่เกินไป ถ้าเอารูปออกหมดก็คงจะเต็มร้อย ไม่ก็ใช้พวก gzip บีบเอา
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: moneytimes ที่ 15 กันยายน 2014, 09:57:31 เพิ่งรู้ว่าเขามี benchmark แบบนี้ด้วย
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: 969 ที่ 15 กันยายน 2014, 11:21:52 ต้อง 80% อัพจึงจะดีครับ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: aomaaaaa ที่ 15 กันยายน 2014, 12:02:29 ขอบคุณครับ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: fielddev ที่ 07 เมษายน 2015, 23:26:52 ขอบคุณครับ ของเก็บไว้อ่าน :wanwan011:
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: ieiq ที่ 07 เมษายน 2015, 23:28:40 ขอบคุณครับ มาเก็บความรู้
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: dekmv ที่ 07 เมษายน 2015, 23:37:09 ยังไม่เคยเกิน 70 สักทีครับ !!! :wanwan044:
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: zidit ที่ 08 เมษายน 2015, 10:50:55 ขอบคุณมากครับ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: nonkungzacb ที่ 08 เมษายน 2015, 10:54:00 ดีครับขอบคุณมากสำหรับเทคนิดดีๆ
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: dupai ที่ 08 เมษายน 2015, 11:28:12 Thank you :-[
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: josephsrawut ที่ 08 เมษายน 2015, 11:43:16 ขออนุญาตเพิมเติมจากคุณ9jukkaphan
ผมทำตาม คุณ phitsanu_ru จากกระทู้นี่ http://www.thaiseoboard.com/index.php/topic,360329.0.html โดยเฉพาะ กำหนดการแคชในเบราว์เซอร์ เปิดใช้งานการบีบอัด ได้เพิ่มมาหลาย % เลย นอกนั้นอย่างเช่น ลดขนาด JavaScript, ลดขนาด CSS ก็ทยอยทำตามคำแนะนำ หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: mosmf ที่ 08 เมษายน 2015, 12:40:22 ขอบคุณครับ :wanwan017:
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: polarisz13 ที่ 02 กรกฎาคม 2015, 08:39:43 ขอบคุณครับ ส่วนใหญ่ผมได้ 60-70 ตลอดเลย ทำกี่เว็บๆ ก็ประมาณนี้ สงสัย Pattern เดิมตลอดตอนทำ :P
หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: Jir4yu ที่ 02 กรกฎาคม 2015, 09:49:11 ถ้าใช้ wordpress ลองติดตั้ง Autoptimize ดูครับ
จะช่วยเรื่องของการรวมไฟล์ assets อย่าง javascript และ stylesheet ให้เป็นไฟล์เดียวได้ แล้วก็จะเพิ่มคะแนนด้วยครับ หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: NameName ที่ 02 กรกฎาคม 2015, 09:52:49 ถ้าใช้ wordpress ลองติดตั้ง Autoptimize ดูครับ จะช่วยเรื่องของการรวมไฟล์ assets อย่าง javascript และ stylesheet ให้เป็นไฟล์เดียวได้ แล้วก็จะเพิ่มคะแนนด้วยครับ ตามนี้เลยครับ Autoptimize แล้วเลือกพวก optimize Javascript และ CSS คะแนนพุ่งแน่นอน (http://i.imgur.com/7DYM1mL.png) แต่ตอนนี้กำลังประสบปัญหาครับ คือ Gtmetrix คะแนนสูงครับ แต่พอไปเชคใน pagespeed insight คะแนนะกลับต่ำครับ เดะแก้ได้จะมาบอกกล่าวนะคับ หัวข้อ: Re: สอนเพิ่มความเร็ว PageSpeed Insights ด้วยรูปแบบต่างๆ เริ่มหัวข้อโดย: tamuraki ที่ 02 กรกฎาคม 2015, 10:33:25 สุดยอดครับ แต่ผมว่าถ้าใช้ wordpress น่าจะปรับใช้ได้ง่ายกว่านะครับ :wanwan017:
|