คำถามติดแท็ก optimization

CloudFlareมีเทคโนโลยีล้ำสมัยที่เรียกว่าRocket Loader (ทั้งในบัญชีฟรีและบัญชีที่ชำระเงินแล้ว) แต่มันใช้งานได้จริงอย่างไร พวกเขามีคู่ของหน้าเว็บที่อธิบายเทคโนโลยีแต่ไม่มากของรายละเอียดทางเทคนิค หนึ่งในคุณสมบัติที่สำคัญคือมันทำให้การโหลด Javascript ทั้งหมดในแบบที่ไม่มีการบล็อก (แบบอะซิงโครนัส)ซึ่งค่อนข้างเป็นเรื่องที่น่าทึ่ง! นี่หมายความว่า HTML / CSS สามารถแสดงผลได้โดยไม่ต้องรอให้สคริปต์โหลดและรัน เป็นไปได้อย่างไร? แน่นอนว่ามันไม่สามารถเปลี่ยน<script>แท็กทั้งหมดเพื่อใช้งานได้async="true"หรือdefer="true"อย่างนี้จะทำให้หลาย ๆ อย่าง ... สคริปต์ยังคงต้องโหลดตามลำดับที่ถูกต้อง (ตัวอย่างเช่นคุณไม่สามารถโหลดปลั๊กอิน jQuery ได้จนกว่าห้องสมุด jQuery จะโหลดแล้ว) document.write()การเรียกใช้สคริปต์เหล่านี้จำเป็นต้องใช้งาน ( เห็นได้ชัดว่าสิ่งเหล่านี้ไม่ได้ทำในสคริปต์ async ทั่วไป ) แล้วเหตุการณ์ DOMContentLoaded ล่ะ หากสคริปต์บางตัวโหลดขึ้นหลังจากสิ่งนี้เริ่มทำงานตัวจัดการเหตุการณ์ของพวกเขาจะไม่แสดงผลหรือไม่ และในฐานะนักพัฒนามีอะไรอีกบ้างที่ฉันต้องระวังเพื่อให้แน่ใจว่าไซต์ / สคริปต์ / ปลั๊กอินของฉันยังคงใช้งานได้กับ Rocket Loader?

31 javascript  cdn  optimization  cloudflare 

มีวิธีใดบ้างที่ฉันสามารถปรับปรุงความเร็วในการโหลดเว็บไซต์ได้หรือไม่? ฉันรู้ว่า Google กำลังเร่งความเร็วในการโหลดและด้วยความนิยมของเว็บไซต์บนมือถือตอนนี้จำเป็นที่เว็บไซต์จะต้องโหลดอย่างรวดเร็ว

22 optimization  performance  page-speed 

ฉันรู้จักเครื่องมือเพิ่มประสิทธิภาพเว็บไซต์ของGoogleและเคยใช้มาบ้างและมันก็ค่อนข้างดี มีตัวเลือกที่ดีกว่านี้ไหม? มีบล็อกที่ดีเกี่ยวกับการทดสอบ A / B?

22 a-b-testing  optimization 

ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันมีไฟล์ CSS และไฟล์ HTML ขนาดใหญ่ ฉันต้องการทราบว่ากฎใดที่ไม่ได้ใช้ในขณะที่แสดงไฟล์ HTML มีเครื่องมือสำหรับสิ่งนี้หรือไม่? ไฟล์ CSS มีการพัฒนาในช่วงไม่กี่ปีที่ผ่านมาและจากสิ่งที่ฉันรู้ว่าไม่มีใครได้ลบอะไรออกไปจากมัน - ผู้คนเพิ่งเขียนกฎการเอาชนะใหม่ครั้งแล้วครั้งเล่า แก้ไข: แนะนำให้ใช้ตัวเลือก Dust-Meหรือเครื่องมือประสิทธิภาพเว็บเพจของ Chrome แต่พวกเขาทั้งคู่ทำงานในระดับของตัวเลือกและไม่ใช่กฎแต่ละข้อ ฉันมีหลายกรณีที่กฎในตัวเลือกถูกแทนที่อยู่เสมอ - และนี่คือสิ่งที่ฉันต้องการกำจัดส่วนใหญ่ ตัวอย่างเช่น: body { color: white; padding: 10em; } h1 { color: black; } p { color: black; } ... ul { color: black; } ข้อความทั้งหมดใน …

18 css  optimization 

การเพิ่มประสิทธิภาพทั่วไปมีอะไรบ้างเพื่อลดขนาดหน้า HTML หรือ XHTML บางคนที่เข้ามาในใจคือ: ลบความคิดเห็น ลบช่องว่างภายนอก การย้ายสไตล์อินไลน์ซ้ำไปยังสไตล์ชีท CSS เป็นต้น บางคนมีอะไรบ้าง ข้อเสนอไหนที่ใหญ่ที่สุดสำหรับการจ่ายเงินหรือสามารถทำได้โดยอัตโนมัติด้วยเครื่องมือหรือโมดูล?

15 optimization  html  performance  xhtml  page-size 

การทำงานกับธีม wordpress ฉันได้ทำการดัดแปลงไฟล์รูปภาพบางไฟล์แล้วสังเกตว่าบางครั้งเวอร์ชั่นที่แก้ไขของฉันนั้นใหญ่กว่าต้นฉบับ 3-4 เท่า (บันทึกโดยใช้รูปแบบเดียวกัน) ฉันไม่ต้องการลดคุณภาพ - มีวิธีใดบ้างในการทำให้ขนาดไฟล์เล็กลงเพื่อให้โหลดได้เร็วขึ้น ตัวอย่างเช่นตอนนี้ฉันใช้ Photoshop และตั้งแถบเลื่อนคุณภาพของภาพเป็น '8' (จาก 10)

15 optimization  images 

ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันรับรู้ถึงเฟืองสำหรับการรวมไฟล์จาวาสคริปต์ แต่ยังไม่ได้ลอง ตัวเลือกอื่น ๆ คืออะไรและมีวิธีการอย่างไร?

14 optimization  javascript  css 

มีวิธีโหลด JavaScript ของฉันลงในหน้าเว็บที่จะทำให้โหลดเร็วขึ้นหรือไม่

14 javascript  optimization  performance 

หากความเร็วในการโหลดเว็บไซต์นั้นเป็นข้อกังวลซึ่งโดยทั่วไปจะใช้งานได้ดีกว่าเมื่ออ้างอิงไฟล์ JavaScript หรือ CSS? การใช้ CDN จะดีกว่าหรือว่าจะเพิ่มคำขอ HTTP เพิ่มเติมอีกหรือไม่

14 cdn  optimization 

ฉันรู้น้อยมากเกี่ยวกับการเพิ่มประสิทธิภาพกลไกค้นหา แต่จากการหารือกับผู้อื่นฉันไม่แน่ใจว่าจะเริ่มต้นอย่างไร มีหนังสือหรือวันที่เหล่านี้เร็วเกินไปจนล้าสมัยหรือไม่? เว็บไซต์ทั้งหมดให้ข้อมูลที่ผิดกับคุณหรือมีแหล่งข้อมูลที่เชื่อถือได้หรือไม่ มันเป็นเพียงกรณีของการลองผิดลองถูกและในทางกลับกัน มันคุ้มค่าที่จะเรียนรู้เทคนิคต่าง ๆ เมื่อเสิร์ชเอ็นจิ้นเปลี่ยนอัลกอริธึมเป็นประจำหรือไม่? ฉันสงสัยว่ามันจะดีกว่าที่จะใช้เวลาเพื่อให้แน่ใจว่าคุณมีการปรับปรุงอย่างสม่ำเสมอจะเขียนเว็บไซต์ที่มีเนื้อหาคุณภาพแผนที่เว็บไซต์ลิงค์คุณภาพ ฯลฯ

13 seo  optimization  language-agnostic 

ฉันกำลังทำงานบนเว็บไซต์ของลูกค้า ขณะนี้ทำงานบน WordPress และมีหน้าเว็บจำนวนมากซึ่งสร้างคำหลักที่แย่มากและไม่เป็นมิตรต่อผู้ใช้เลย แผนของเราคือปรับปรุงเว็บไซต์อย่างสมบูรณ์และลบหน้าทั้งหมดในโดเมน เราจะไม่ใช้ WordPress และจะสร้างหน้าของตัวเอง สมมติว่าเราได้สร้างหน้าเว็บที่สมบูรณ์แบบและทำทุกอย่างถูกต้องตามหนังสือแล้วการลบหน้าเก่าทั้งหมดบนแพลตฟอร์ม WordPress จะส่งผลต่อการจัดอันดับของเราอย่างไร โดเมนนี้จะได้รับชื่อเสียงที่ไม่ดีเนื่องจากมีการลบแม้ว่าหน้าใหม่จะได้รับการปรับปรุงอย่างสมบูรณ์แบบและถูกกฎหมายหรือไม่

12 seo  domains  wordpress  content  optimization 

ฉันได้รับมอบหมายให้อัปเดตไซต์เพื่อให้ตอบสนองและปรากฏอย่างถูกต้องบนสมาร์ทโฟน น่าเสียดายที่เว็บไซต์ในรูปแบบปัจจุบันไม่ใช่เรื่องง่ายที่จะทำงานด้วย - ฉันไม่สามารถเปลี่ยน CSS ได้ ถือว่าเป็นการตรวจสอบขนาดเบราว์เซอร์ที่ไม่ดีและทำการเปลี่ยนแปลง CSS ด้วย jQuery หรือไม่ เช่น: if ($(window).width() < 960) { //make heaps of CSS changes }

11 css  mobile  jquery  optimization  responsive-webdesign 

ฉันชอบที่ Page Speed ​​ของ Google สามารถบีบอัดรูปภาพจำนวนมากของฉันได้อย่างไม่สูญเปล่า แต่ฉันชอบที่จะทำให้มันเป็นส่วนหนึ่งของเวิร์กโฟลว์ของฉันก่อนที่จะอัปโหลดไซต์และทำให้มันอยู่ในสภาพดี มีสิ่งใดบ้างที่ฉันสามารถเรียกใช้ในพื้นที่เพื่อให้การบีบอัดแบบไม่สูญเสียข้อมูลแบบเดียวกันได้หรือไม่ ขณะนี้ฉันส่งออกรูปภาพจากส่งออกสำหรับเว็บจาก Photoshop และใช้แอปพลิเคชั่นเล็ก ๆ ที่เรียกว่า PNGCrusher เพื่อลดขนาดไฟล์ PNG ฉันชอบที่จะหาวิธีที่รวดเร็วกว่าการบันทึกและแทนที่ภาพแต่ละภาพจากผลลัพธ์ของ Page Speed

11 images  optimization  page-speed 

มีเว็บไซต์ใดบ้างที่จะทดสอบความเร็วในการโฮสต์ของคุณ? ฉันรู้ว่ามีเว็บไซต์ที่จะบอกคุณว่าทำไมเว็บไซต์ของคุณถึงช้าเช่น YSlow เป็นต้น แต่ความเร็วของแบนด์วิดท์ที่คุณได้รับจากผู้ให้บริการโฮสต์ของคุณเป็นเท่าใด

11 web-hosting  optimization  performance 

ทั้งYSlowและPage Speedของ Google ขอแนะนำให้รวมไฟล์สคริปต์ (และสไตล์) ไว้ในไฟล์เดียวเพื่อลดจำนวนคำขอ HTTP และฉันสามารถเห็นประเด็นนี้เมื่อไฟล์สคริปต์สอดคล้องกันทั่วทั้งไซต์ แต่สำหรับเว็บแอปพลิเคชันที่มีข้อกำหนดแตกต่างกันในเว็บไซต์ วิธีที่ฉันเห็นมันมีตัวเลือกน้อย: รวมไฟล์ทั้งหมดที่ใช้ข้ามไซต์และทุกหน้าจะได้รับไฟล์ที่รวมกัน - ข้อเสียคือเนื้อหาที่ไม่ได้ใช้ซึ่งมีความยุ่งเหยิงในสคริปต์ (และการโหลดครั้งแรกที่หนักกว่า รวมไฟล์เข้าด้วยกันในแต่ละหน้า - ข้อเสียคือแต่ละหน้าที่มีข้อกำหนดที่แตกต่างกันจะได้รับไฟล์รวมที่แตกต่างกัน (การโหลดครั้งแรกที่หนักกว่าสำหรับแต่ละประเภทเพจ) เพิกเฉยต่อการตีความคำแนะนำ 'ไฟล์เดียวเท่านั้น' อย่างเข้มงวดและให้โหลดหน้าเว็บหลายไฟล์ตามความเหมาะสมโดยหวังว่าการแคชจะลบจำนวนคำขอ HTTP ในกรณีทั่วไป - ข้อเสียคือจำนวนคำขอ HTTP ในแต่ละหน้า คิด?

11 optimization  css  javascript