เว็บไซต์ด้านเทคนิค - ฉันควรสมมติว่าผู้เยี่ยมชมจะใช้เบราว์เซอร์ที่ทันสมัยหรือไม่

18

ฉันอยู่ในขั้นตอนการสร้างเว็บไซต์ของตัวเองซึ่งจะรวมถึงบล็อกทางเทคนิค ฉันต้องการสร้างเว็บไซต์ด้วยเทคโนโลยีที่ทันสมัยเช่น HTML5 และ CSS3

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

ฉันไม่ต้องการรับความเจ็บปวดจากการปรับเว็บไซต์ให้เข้ากันได้กับเบราว์เซอร์ที่ฉันคิดว่าจะไม่ถูกใช้

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

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

เมื่อพิจารณาถึงสิ่งนี้ฉันควรจะยอมรับหรือไม่ว่าคนเหล่านี้จะใช้เบราว์เซอร์ที่ทันสมัย

html5 css3 compatibility

— marco-Fiset
แหล่งที่มา

1

บริษัท ส่วนใหญ่ที่ฉันทำงานด้วยต้องการเว็บไซต์เพื่อทำงานกับ IE7 + หากผู้ใช้ยังคงมี IE6- นั่นเป็นเพราะพวกเขามีความสนใจในเทคโนโลยีเพียงเล็กน้อย

— Evik James

ดังนั้นหากผู้ใช้เหล่านี้สนใจเทคโนโลยีเพียงเล็กน้อยทำไมพวกเขาถึงมาที่เว็บไซต์ของฉัน

— marco-fiset

4

ฉันจะรู้สึกปลอดภัยถ้าสมมติว่า 99% ของคนที่อ่านบล็อกเทคโนโลยีอยู่ในอุตสาหกรรมเทคโนโลยีและมีเบราว์เซอร์ที่ทันสมัยและรู้วิธีใช้งาน

— Evik James

หากพวกเขากำลัง techies ไม่ยอมใครง่ายๆจริงๆพวกเขาอาจจะเรียกดูเว็บไซต์ของคุณใช้lynx:)

— เคนหลิว

12

เพิ่มGoogle Analyticsในเว็บไซต์ของคุณและติดตามผู้ใช้ของคุณ

วิธีเดียวที่จะค้นหาคือการรวบรวมตัวอย่างสถิติที่เหมาะสมเกี่ยวกับฐานผู้ใช้ของคุณ สิ่งที่สั้น ๆ นั้นเป็นเพียงข้อสันนิษฐานที่ไม่มีมูลความจริง

โชคดีที่ Google Analytics ติดตามทุกอย่างเกี่ยวกับเบราว์เซอร์ขนาดหน้าจอความสามารถในการใช้งานและอื่น ๆ ...

กำหนดเป้าหมาย Internet Explorer เป็น 'เครื่องหมายต่ำ' เนื่องจากรุ่นต่างๆนั้นรองรับได้นานกว่ามาก ตัวอย่างเช่นระยะเวลาการสนับสนุน Windows XP จะไม่หมดอายุจนกว่า 8 เมษายน 2014 ดังนั้น IE 6 จะไม่หายไปจนกว่าจะถึงวันนั้น

หากสถิติแสดงให้เห็นว่ามีผู้ใช้เพียงเล็กน้อยที่ใช้ IE 6 (หรือ IE 7) เพียงเล็กน้อยเท่านั้นอาจไม่แสดงให้เห็นถึงความพยายามในการสนับสนุนเบราว์เซอร์ของพวกเขา

สำหรับ HTML5 ที่ใหม่กว่าคุณสามารถเพิ่มHTML5 shivให้กับเว็บไซต์ของคุณเพื่อเพิ่มประสิทธิภาพการครอบคลุมแบบโปรเกรสซีฟฟรี แต่ จำกัด คุณสมบัติขั้นสูง (เช่น HTML5 File API) ไปยังส่วนส่วนตัวของไซต์ของคุณจนกว่าเบราว์เซอร์จะติดตาม

— Evan Plaice
แหล่งที่มา

2

ความคิดที่ดีทั้งหมด จะต้องมีจุดแม้ว่า ~ ซึ่งฉันรู้ว่าคุณเห็นด้วยกับ ~ ว่าการพัฒนาสำหรับร้อยละขนาดเล็กและลดน้อยลงของผู้คนจะเสียเวลา

— Evik James

@EvikJames ใช่นั่นคือส่วนสำคัญ ฉันจงใจเปิดทิ้งไว้เพราะมันขึ้นอยู่กับบริบท สำหรับเว็บไซต์สื่อขนาดใหญ่เช่น Google พวกเขามีทรัพยากรจำนวนมากและฐานผู้ใช้จำนวนมากดังนั้นการละเลยที่จะให้การสนับสนุนเบราว์เซอร์แม้กระทั่ง 0.5% ของฐานผู้ใช้ของพวกเขาจะมีผลกระทบอย่างมาก ในทางกลับกันหากคุณเรียกใช้ไซต์เล็ก ๆ และมีผู้เข้าชมที่ไม่ซ้ำเพียง. 5% จาก 1,000 คนเท่านั้นที่ใช้เบราว์เซอร์รุ่นเก่ามันอาจไม่คุ้มค่ากับทรัพยากรที่จะสนับสนุน เพื่ออ้างอิง Kanye West "เหมือน pissin คนชราฉันคิดว่ามันทั้งหมดขึ้นอยู่กับ ohhhhh"

— Evan Plaice

ใช่เป็นอีกตัวอย่างหนึ่งเว็บไซต์ส่วนตัวของฉันซึ่งมีบล็อกที่เน้นเทคโนโลยีพร้อมกับรูปภาพครอบครัวบางส่วนยังคงมีปริมาณการใช้งาน 24% ของ IE8 ซึ่งมีโพสต์ที่ค่อนข้างเป็นที่นิยมมากตามมาด้วย Firefox และ Chrome (ซึ่งตอนนี้ ทั้งอัปเดตอัตโนมัติ)

— Zhaph - Ben Duguid

14

ชาวอเมริกัน 90% ขึ้นไปมีรูปภาพใน, เปิดใช้งาน JavaScript, รองรับ CSS และการเชื่อมต่อที่เหมาะสม

การใช้เวลา 90% ในการไล่ล่า 10% ของโลกที่ออกนอกเส้นทางเพื่อที่จะไม่ได้สัมผัสกับเว็บยุคใหม่นั้นเป็นการเสียเวลาเปล่า

— Evik James
แหล่งที่มา

1

คำถามของผู้ใช้เกี่ยวกับการใช้ CSS, JavaScript และรูปภาพอย่างสมเหตุสมผล มันไม่เกี่ยวกับการสร้างเว็บไซต์ที่ซ่อนข้อความทั้งหมดในภาพและจาวาสคริปต์โหลดอย่างขี้เกียจ

— Evik James

1

แม้ว่าเครื่องมือค้นหาจะเพิ่มปริมาณการเข้าชม 90% แต่ผู้ใช้ส่วนใหญ่เหล่านั้นยังคงใช้เบราว์เซอร์ที่ทันสมัยและเปิดใช้งานจาวาสคริปต์

— stoj

1

หากเขาไม่สามารถจัดอันดับเพราะเครื่องมือค้นหาไม่สามารถอ่านเนื้อหาของเขาหรือจัดอันดับเขาไม่ดีเขาจะไม่มีผู้เข้าชมให้กังวล

— John Conde

3

@JohnConde ทำไมเครื่องมือค้นหาถึงไม่สามารถจัดอันดับเว็บไซต์ของฉันได้ มันไม่ได้เป็นเหมือนที่ผมกำลังใช้แฟลช ...

— marco-Fiset

1

@JohnConde มีความเห็นเช่นเดียวกับคนอื่น ๆ ที่นี่ เขามีความรู้และเป็นประโยชน์อย่างมากและให้บริการที่ยอดเยี่ยมด้วยการอยู่ใน StackExchange ฉันคิดว่าคำตอบของเขาเหมาะสมอย่างยิ่งสำหรับ บริษัท ที่มีทีมนักพัฒนาเว็บที่มีประสบการณ์ มันไม่เหมาะสมเลยสำหรับการบล็อกและเขียนโค้ดเกี่ยวกับสิ่งที่เกินบรรยาย

— Evik James

12

สมมติ:

JavaScript จะถูกปิด
จะไม่รองรับ CSS3
รูปภาพจะถูกปิดใช้งาน
การเชื่อมต่อผู้ใช้จะช้า

ฉันรู้ว่านั่นไม่ใช่สิ่งที่คุณต้องการได้ยิน แต่ในฐานะนักออกแบบและนักพัฒนาเว็บนี่คือความจริงที่เราเผชิญ ไม่เพียง แต่จะมีผู้ใช้ที่ใช้เบราว์เซอร์รุ่นเก่า แต่บางคนก็เปลี่ยนการตั้งค่าในเบราว์เซอร์เพื่อเปลี่ยนพฤติกรรมเริ่มต้น (เช่นปิด JavaScript)

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

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

— John Conde
แหล่งที่มา

6

คุณอาจบอกว่าเว็บไซต์ควรได้รับการออกแบบสำหรับผู้ที่ไม่มีอินเทอร์เน็ตหรือคอมพิวเตอร์

— Evik James

4

@Evik ฉันไม่คิดว่าเป็นคำตอบ ประเด็นก็คือคุณควรเริ่มต้นด้วยสิ่งที่พื้นฐานและเข้าถึงได้ซึ่งอย่างน้อย 10% ของคุณจะสามารถใช้เนื้อหาของคุณได้ จากนั้นสร้างมันขึ้นมาเพื่อที่ 90% จะเห็นสิ่งที่ยอดเยี่ยม

— DisgruntledGoat

1

@WernerCD โพสต์ดั้งเดิมนั้นเกี่ยวกับผู้ใช้คนเดียวที่เขียนบล็อก คุณกำลังแนะนำว่าเขาใช้แทร็คเดียวกัน StackOverflow ใช้และว่าจ้างทีมงานของผู้คนหรือว่าเขาเรียนรู้ความแตกต่างของเบราว์เซอร์ทุกตัว? เขาควรใช้เวลาเขียนบล็อกและใช้เวลาน้อยลง

— Evik James

1

@WernerCD โปรแกรมเมอร์มีมากขึ้นแนวโน้มที่จะมีปลั๊กอินเช่น NoScript ติดตั้งซึ่งปิด JavaScript เพื่อหลีกเลี่ยง 'หนัก' หน้า

— ไม่พอใจ Goat

1

@ Werner ฉันคิดว่า "ถือว่าไม่มี CSS / JS" อาจเป็นวิธีที่ผิดในการอธิบาย มันเกี่ยวกับการเริ่มต้นด้วยรากฐานที่แข็งแกร่งของ HTML จากนั้นสร้างขึ้นด้วย CSS และ JS หากมีข้อผิดพลาดบางอย่างเกิดขึ้นกับ CSS / JS ในเบราว์เซอร์รุ่นเก่าเว็บไซต์จะยังคงใช้งานได้ ในแง่นี้คุณสามารถสันนิษฐานได้ว่าเป็นเบราว์เซอร์ที่ทันสมัยและนำหน้าการทดสอบในเบราว์เซอร์รุ่นเก่าโดยรู้ว่ามันอาจจะไม่เลวสำหรับผู้ใช้ 5%

— DisgruntledGoat

5

ตรวจสอบให้แน่ใจว่าอย่างน้อยที่สุดโฮมเพจของคุณก็ใช้งานได้ดีในทุกสภาพแวดล้อมที่คุณสามารถให้การสนับสนุนอย่างสมเหตุสมผล หากหน้าเฉพาะต้องการเทคโนโลยีที่ไม่รองรับให้ระบุไว้อย่างชัดเจนในลิงก์ที่นำไปสู่พวกเขา (ไม่จำเป็นต้องใช้สิ่งใดที่น่ารังเกียจtitleและaltข้อความเกี่ยวกับลิงก์และรูปภาพอาจพอเพียง) และในหน้าของตัวเอง (เช่นเพิ่มขนาดเล็ก ส่วนหัว - ที่อาจซ่อนเมื่อ / ถ้าคุณสามารถตรวจพบว่ามีความสามารถในการ)

นอกจากนี้พยายามทำให้แน่ใจว่าหน้าต่างๆลดลงอย่างสง่างามเมื่อไม่มีเทคโนโลยีที่จำเป็น / ไม่ได้เปิดใช้งาน แม้ว่าผู้เข้าชมของคุณจะเข้าใจเทคโนโลยีหากบางสิ่งในหน้าของคุณไม่ทำงาน แต่ไม่มีข้อบ่งชี้ว่ามีอะไรหายไปพวกเขาอาจไม่สนใจที่จะมองหามัน (เว้นแต่พวกเขาจะสนใจจริงๆซึ่งไม่ใช่สิ่งที่สามารถทำได้ สันนิษฐาน) OTOH คุณไม่ต้องให้คำแนะนำโดยละเอียดเกี่ยวกับวิธีการเปิดใช้งานสิ่งที่ขาดหายไปเพียงแค่ระบุสิ่งที่จำเป็นต้องเปิดใช้งานควรจะเพียงพอสำหรับผู้ชมนี้

อัปเดต:ฉันต้องการเน้นจุดสุดท้ายด้วย anedocte ส่วนบุคคล: ในฐานะผู้ใช้ที่ตระหนักถึงความปลอดภัยฉันจะเรียกดูด้วยการเปิดใช้งานNoScript เมื่อฉันไปที่เว็บไซต์ที่มีวิดีโอตัวอย่างหนึ่งสิ่งต่อไปนี้เกิดขึ้น:

มีตัวยึดตำแหน่งสำหรับวิดีโอและการคลิกก็เพียงพอที่จะปลดบล็อคได้
มีตัวยึดตำแหน่ง แต่การคลิกไม่เพียงพอ - มีอีกโดเมนหนึ่งที่ต้องยกเลิกการปิดกั้น (ปกติคือ CDN) ซึ่งมักจะตั้งชื่ออย่างเหมาะสมแม้ว่าจะไม่สอดคล้องกัน (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
ไม่มีตัวยึดตำแหน่งวิดีโอถูกเพิ่มผ่าน JavaScript หรือไม่มีwidthและheightตั้งค่าแบบคงที่และบางครั้งก็ไม่มีคำใบ้ว่าหน้าเว็บมีวิดีโอเลย มันสามารถพลาดได้โดยสิ้นเชิง
วิดีโอขึ้นอยู่กับเซิร์ฟเวอร์โฆษณาแบบสุ่มดังนั้นการปิดกั้นโดเมนที่ชัดเจนที่สุดไม่เพียงพอที่จะแสดง หากฉันสนใจจริงๆฉันสามารถยกเลิกการปิดกั้นแต่ละโดเมนที่เหลือ (ตามลำดับชื่อที่ดูร่มรื่นน้อยกว่า) บางครั้งด้วยผลของโดเมนเพิ่มเติมที่ไม่เคยปรากฏมาก่อนจนกระทั่งวิดีโอทำงานหรือ ฉันยอมแพ้.

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

— mgibsonbr
แหล่งที่มา

2

"ตรวจสอบให้แน่ใจว่าอย่างน้อยที่สุดโฮมเพจของคุณก็ใช้งานได้ดีในทุกสภาพแวดล้อมที่คุณสามารถสนับสนุนได้อย่างสมเหตุสมผล" มันสมเหตุสมผลแล้ว

— Evik James

4

ฉันคิดว่าจุดที่ John Conde กำลังทำอยู่นั้นเป็นเพราะพวกเขาเป็นคนช่างเทคนิคคุณไม่สามารถคิดได้ว่าพวกเขากำลังใช้เบราว์เซอร์ที่ทันสมัย ต้องบอกว่าฉันมักจะเห็นด้วยกับ Evik James ว่า OP ต้องการหาสมดุลระหว่างการเขียนโค้ดไซต์สำหรับผู้ชมที่กว้างขึ้นหรือลงไปที่บล็อกแทน ถ้าเขาต้องการสร้างรายได้จากเว็บไซต์นี้ในบางจุดฉันควรบอกว่าเขาควรทำตามปรัชญาการพัฒนาแบบก้าวหน้าและการตอบสนองการออกแบบเพราะมันเป็นวิธีที่ง่ายขึ้นในการพัฒนาหากคุณเริ่มต้นด้วยมือถือ (และ friggin IE6!) ขึ้น แต่อย่างน้อย OP ควรใช้เว็บไซต์ของเขาผ่านเบราว์เซอร์ Lynxเพื่อดูว่าไซต์ของเขามองไปที่โปรแกรมอ่านหน้าจอหรือเครื่องมือค้นหาและตรวจสอบให้แน่ใจว่าทุกอย่างสามารถดูได้ด้วยรูปภาพ, CSS และ javascript ปิด จากนั้นปล่อยให้ระฆังและนกหวีดสุดเท่ห์สำหรับเบราว์เซอร์รุ่นใหม่และไม่ต้องกังวลมากนักเกี่ยวกับสิ่งที่ดูเหมือนจะออกนอกสถานที่หรือดูน่าเบื่อใน IE6

— huzzah
แหล่งที่มา

3

ถ้าฉันที่คำสั่งของพรอมต์ผมมีแนวโน้มที่จะใช้w3m, lynxหรือข้อความใด ๆ ที่เบราว์เซอร์สามารถใช้ได้

— BillThor

3

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

— marabutt
แหล่งที่มา

นี่เป็นความคิดที่ดีสำหรับฉันและเป็นวิธีที่ฉันจะทำ

— Evik James

ที่เสียงเหมือน Graceful สลายคุณควรอ่านบทความนี้: dev.opera.com/articles/view/...

— TomásRamírez

3

คุณควรอ่านเกี่ยวกับการปรับปรุงแบบก้าวหน้าเพื่อสนับสนุนผู้ใช้ส่วนใหญ่และใช้ประโยชน์จากคุณลักษณะของเบราว์เซอร์ การออกแบบที่ตอบสนองเป็นอีกหัวข้อที่สำคัญเพื่อรองรับอุปกรณ์ส่วนใหญ่ (ทุกวันนี้ผู้คนจำนวนมากใช้อุปกรณ์มือถือ) ในทางกลับกันมีห้องสมุดมากมายเช่นModernizr , boilerplate , explorercanvasเพื่อช่วยคุณในเรื่องนี้

— TomásRamírez
แหล่งที่มา

2

คุณทำคะแนนได้ดีและมันค่อนข้างง่ายที่จะทำให้ไซต์เข้ากันได้ 95% ~ ถ้าไม่ยอดเยี่ยมสำหรับทุกคน จุดที่ฉันทำข้างต้นคือต้องใช้เวลาพัฒนามากสำหรับตัวหารร่วมน้อยที่สุด

— Evik James

ฉันเห็นประเด็นของคุณ ... แต่ทุกคนควรรู้เกี่ยวกับเรื่องนี้: D

— TomásRamírez

0

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

ตัวอย่างเช่นโปรแกรมเมอร์อาจหวาดระแวงและจะไม่อนุญาตให้เปิดใช้งาน Java บนคอมพิวเตอร์

ไม่ว่าในกรณีใดอินเทอร์เน็ตจะเปิดให้ทุกคนไม่ได้เข้าไปในส่วนที่ต่างกัน สร้างเว็บไซต์เพื่อให้ทุกคนสามารถเข้าถึงได้ คุณไม่มีทางรู้ว่าโปรแกรมเมอร์ที่มีความชำนาญด้านเทคโนโลยีอาจทำให้คอมพิวเตอร์ของพวกเขาหยุดทำงานดังนั้นพวกเขาจึงติดอยู่กับพีซีที่ใช้แม่ซึ่งใช้ Windows XP กับ Internet Explorer 7

— mickburkejnr
แหล่งที่มา