Back to Question Center
0

الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفي            الانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير الشعاراتبروتوتيبس & أمب؛ Semalt

1 answers:
الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفي
<إمغ سرك = "/ إمغ / 54291b5484a54a13abba8a4b6e74f2a90. جبغ" ألت = "الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفيالانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير النصوص بروتوتيبس & سيمالت "/>

سيمالت تبدأ مع تصميم الويب استجابة.

لا ينبغي أن يكون مطور الويب اليوم غير مألوف لمفهوم تصميم الويب سريع الاستجابة (رود). منذ أن صاغ هذا المصطلح من قبل إيثان سيمالت في مايو من عام 2010، وقد تم قبول هذا المفهوم كأفضل الممارسات، وقد نضجت العملية، وقد ظهرت خيارات متعددة والتطبيقات.

وقد ساعدنا ذلك على إعادة تصميم شبكة الإنترنت للأجهزة التي يمتلكها مستخدمونا اليوم، ووضعوها على ما يرام بغض النظر عن الأجهزة الجديدة التي يحلم بها في المستقبل - mobile website companies.

سيمالت، كما ناجحة بشكل كبير كما أثبتت رود أن يكون، فإنه لا يخلو من أوجه القصور.

وقد أثبتت الصور سيمالت أن تكون واحدة من التحديات الأكثر تعقيدا للتغلب عليها، على الرغم من أننا أخيرا تقترب من حل هذا التحدي مع تطبيقات المتصفح الأصلي من سركسيت وعنصر الصورة.

و فيديو و الصوت العلامات حل المشاكل الخاصة بهم وسائل الإعلام من خلال توفير للعناصر مصدر متعددة والسماح للمتصفحات اختيار واحد أنه يحب أفضل. ومع ذلك، هذا لا يأتي مع سعر الكثير من الدخيلة المتابعة حتى - في الأوقات التي نعلم أن عنصر واحد فقط مصدر من أي وقت مضى سوف تستخدم على جهاز معين.

<إمغ سرك = "/ إمغ / 50bf58ab5e45bff02bc79069368ac22d1. ينغ" ألت = "الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفيالانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير النصوص بروتوتيبس & سيمالت "/>

كل من هذه القضايا هي جزء من تحد أكبر بكثير - التحدي من المحتوى والسياق. السياق المحمول هو عالم من القيود المحتملة - بما في ذلك عرض النطاق الترددي، وأحجام الشاشة والطاقة وحدة المعالجة المركزية. بغض النظر عن الجهاز الذي يستخدمه المستخدم، كمطورين يجب أن نسعى دائما إلى نرسل لهم فقط الأصول التي يستخدمونها فعلا .

سيمالت لكل من هذه الأمثلة الخطوط العريضة أعلاه، ونحن نرسل كل ما قد تحتاجه، ومن ثم السماح للمتصفح فرزها.

وبعيدا عن هذه القضايا الكبيرة، لدينا أيضا قضايا أصغر مثل قدرات الجهاز، والتي استخدمناها غالبا سيمالت لحلها على الواجهة الأمامية، بعد أن تم تحميل الصفحة بأكملها. ولكن هذا يضع المزيد من عبء على سيمالت، أكوام على المزيد من التعليمات البرمجية للمستخدم لتحميل، وغالبا ما يسبب على الأقل بعض إعادة رسم مزعجة كما يتم تطبيق الحل على الصفحة.

ما هو تصميم الويب التكيفي؟

هذا كله يقودنا إلى ما أعتقد هو مرحلة النمو المقبلة في تطوير شبكة الإنترنت: التكيف تصميم الويب (أود).

كان هذا المفهوم يسمى أحيانا ريس، ولكن بغض النظر عن التسميات، فإنه ينطوي على اتخاذ القرارات على الخادم الذي يحدد ما ينبغي وينبغي عدم إرسالها إلى المستخدم، بحيث يتم إرسال أي شيء التي لن يتم استخدامها.

وهناك عدد قليل من فوائد أود هي:

  • انخفاض عرض النطاق الترددي - لأنه يمكنك إرسال شيء من هذا القبيل لكل فيديو على موقعك:
  <فيديو سرك = ". ">      

. بدلا من شيء من هذا القبيل:

  <فيديو><سورس سرك = ".mp4" تايب = "فيديو / mp4"><سورس سرك = ".ويب" تايب = "فيديو / ويب"><أوبجيكت تايب = "أبليكاتيون / x-شوكويف-فلاش" داتا = ".سوف"><بارام نيم = "ألوفولسكرين" فالو = "ترو"><بارام نيم = "ألوسكريبتاتشيس" فالو = "ألويس"><بارام نيم = "فلاشفارس" فالو = "فيل =.mp4"> <بارام نيم = "موفي" فالو = ".سوف">  

لا يمكن لمتصفحك تشغيل فيديو HTML5. تنزيله بدلا من ذلك.

  • سرعة الخادم لتقديم - عادة ما تكون الخوادم أسرع قليلا من أي جهاز أمامي، فلماذا لا تدع الخادم يقوم بالعمل الشاق، و ببساطة تقديم المحتوى الجاهز للجهاز.
  • وحدات التخزين المؤقت على الخادم - وبمجرد أن يتم العمل الشاق على الخادم، ذاكرة التخزين المؤقت هناك لذلك لا تحتاج إلى إعادة معالجتها لكل تحميل الصفحة؟
  • تحميلات أسرع للصفحة - من خلال بناء هذه الوحدات على ذاكرة التخزين المؤقت وتخزينها على الخادم وتقديمها مع بقية الصفحة، يمكنك تجنب التأخير وطلب هتب الإضافي الذي سيكون مطلوبا إذا كان على جافا سكريبت تحديد ما هو مطلوب و ثم طلب ذلك عبر اياكس.
  • اختيار لغة البرمجة - إذا كان في المتصفح، انها جافا سكريبت. ومع ذلك، يمكن أن يستخدم الخادم أي شيء، طالما أنه ينتج شيئا يمكن أن يعرضه المتصفح.
  • وبطبيعة الحال، فإن مفهوم الكشف عن الجهاز ليس شيئا جديدا. لقد كان يحدث منذ الأيام الأولى من المحمول (عادة لإعادة توجيه المستخدم إلى موقع مختلف تماما و / أو ورل)، ويعود إلى أبعد من ذلك، والعودة إلى الأيام السيئة القديمة، حيث تم استخدام جافا سكريبت لمتصفح شم سيمالت سلاسل لتقرر كيف لدينا كود معكرونة تعمل.

    علمنا في وقت لاحق أن ميزة الكشف كان نهجا أكثر موثوقية وقابلة للتطوير، ولكن هذا يتطلب الوصول إلى المتصفح، مما يعني أنه يجب أن يحدث على الواجهة الأمامية.

    لذلك، كيف يمكن للخادم تحديد الجهاز الذي يتم تقديم الطلب؟

    ومن المفارقات، ونحن نعود إلى استنشاق سيمالت - ولكن من الخادم هذا الوقت - والنظر في سلسلة سيمالت التي تأتي مع رأس طلب الأولي.

    سوف تبدو شيئا من هذا القبيل في ديفتولز كروم:

    <إمغ سرك = "/ إمغ / 73ab266c3a4e52c836bfc79b07ade3132. ينغ" ألت = "الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفيالانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير النصوص بروتوتيبس & سيمالت "/>

    سوف رمز خادم أود ننظر في هذا، ومقارنتها مع القيم في قاعدة بيانات، وإرجاع المعلومات المتعلقة بهذا الجهاز.

    سهلة، أليس كذلك؟

    سيمالت لقيم "القيم في قاعدة البيانات" الصغيرة .

    لاحظ أنه لا يوجد شيء في سلسلة سيمالت التي تقول صراحة "سطح المكتب" أو أي شيء آخر حتى بعد ذلك واضح.

    وهذا يعني أن العمل البشري مطلوب، في شكل جمع وتصنيف سلاسل وسر-إدجنت وفئات الأجهزة المرتبطة بها. سيمالت هو السبب في أن أي شخص أن يتبع هذا المسار سوف أكثر من المرجح تريد استخدام بعض أشكال الخدمة التي تفعل كل ذلك جمع والعمل الارتباط بالنسبة لهم (أكثر عن ذلك قريبا).

    هذا يبدو وكأنه الوقت المناسب أن نذكر بعض نقاط الضعف في أود:

    • صيانة مكتبة الكشف - في الوقت الذي يتم فيه تحديث مكتبة الكشف عن الأجهزة، فإنه قديم، لأن الأجهزة الجديدة، والمتصفحات الجديدة، وإصدارات المتصفح الجديدة، يتم إطلاقها كل يوم، على ما يبدو كل نانو ثانية .
    • التأخيرات المحتملة أثناء اكتشاف الخادم - اعتمادا على كيفية عمل مكتبة الكشف عن الجهاز، قد يتسبب ذلك في تأخير طفيف حيث يحدد الخادم جهازك ويبدأ في عرض صفحاتك.
    • "موقع مختلف" على أجهزة مختلفة - بعض المستخدمين يمكن أن تجد أنه منزعج للعثور على بعض وحدة الموقع أو المحتوى عند عرض على جهاز واحد، ولكن بعد ذلك لا يمكن العثور على هذا المكون على بعض الأجهزة الأخرى (على الرغم من أن هذا قد يكون تجنبها من خلال تقديم رابط دائما إلى أي إصدارات متفاوتة من مواقعك).

    لذلك أود ليست ضرورية لجميع المواقع. إذا كان موقعك لا يحتاج إلى كل هذا المحتوى المتنوع لسياقات مختلفة، أو أنه لا يستخدم الكثير من الصور أو الصوت أو الفيديو، فقد تتمكن من الحصول على.

    سيمالت هنا؟

    إذا كنت لا تزال تقرأ هذا، فإنك ربما لا تزال مهتمة. جيد. ثم دعونا ننكب إلى العمل!

    الكشف الكامل هو وثيق الصلة هنا، لأنني أعمل ل نيتبيسكويتس، وأنها لا تقدم خدمة الكشف عن الجهاز. سيمالت، وهناك العديد من الخيارات هناك، وأنها جميعا تختلف في ما يقدمون وما يكلفونه، لذلك الأمر متروك لكم للقيام الواجبات المنزلية الصغيرة وتقرر أي خدمة أو المنتج أفضل يملأ احتياجاتك وميزانيتك.

    سيمالت من الحل الذي تختاره، سوف في نهاية المطاف في نهاية المطاف مع شيء من هذا القبيل في قوالب الخادم الخاص بك:

      إف (ديفيس. تايب === 'موبيل فون') {// إدراج وحدة نمطية التي سوف تذهب فقط إلى الهواتف النقالة} إلس إف (ديفيس. تايب === 'تابليت') {// إدراج وحدة نمطية التي سوف تذهب فقط إلى أقراص} إلس {// أدخل وحدة نمطية ستذهب إلى جميع الأجهزة الأخرى}     

    أو:

      إف (ديفيس. فيديو. فورمات === 'mp4') {// هذا الجهاز يدعم "mp4" حتى ترسل فقط <فيديو> العلامة لذلك الترميزإيكو ' <فيديو سرك = ".mp4" تايب = "فيديو / mp4"> '؛} إلس إف (ديفيس. فيديو. فورمات === 'ويب') {// هذا الجهاز لا يدعم "mp4"، ولكنه يدعم "ويب"، لذلك لا ترسل سوى علامة <فيديو> لهذا الترميزإيكو ' <فيديو سرك = ".ويب" تايب = "فيديو / ويب"> '؛} إلس إف (ديفيس. فيديو. فورمات === 'سوف') {// هذا الجهاز لا يدعم أي مما سبق، ولكن لا يدعم "سوف"، لذلك فقط إرسال هذا الرمزإيكو '<أوبجيكت تايب = "أبليكاتيون / x-شوكويف-فلاش" داتا = ".سوف">'؛إيكو '<بارام نيم = "ألوفولسكرين" فالو = "ترو" />'؛إيكو '<بارام نيم = "ألوسكريبتاتشيس" فالو = "ألويس" />'؛إيكو '<بارام نيم = "فلاشفارس" فالو = "فيل =.mp4" />'؛إيكو ' <بارام نيم = "موفي" فالو = ".سوف" /> '؛إيكو ''؛} إلس {// هذا الجهاز ضعيفة جدا، لذلك أرسل المستخدم رابطا ودعهم يدافعون عن أنفسهم .إيكو ' 

    متصفحك لا يمكن الفيديو. تنزيله بدلا من ذلك.

    '؛}

    تعتمد القوة التي تحصل عليها والمدخرات التي تقدمها للمستخدمين على الخدمة التي تختار استخدامها ومدى استفادتك منها بشكل كبير.

    على موقع نيتبيسكويتز، على سبيل المثال، نستخدم خدمة ديفيس ديتكتيون لاختيار ملف كس الذي نرسله إلى المستخدم، والذي يفرض، من بين أمور أخرى، ما إذا كانت الرموز يتم عرضها كبيانات أوغ سفغ أو عناوين ورل لبيانات ينغ، ينغ أو عناوين ورل ينغ التي يتم تقديمها عبر فلتر سيمالت للسماح بالشفافية.

    لدينا أيضا إمكانية الوصول إلى نظام التشغيل الجهاز، إصدار نظام التشغيل، اسم المتصفح، وإصدار المتصفح، وكلها زرعت كسمات البيانات إلى علامة هتمل، حتى نتمكن من إضافة كس محددة للجهاز لتلك الأجهزة المزعجة التي فقط لا تريد أن تتصرف.

    وفيما يلي مثالان:

    <إمغ سرك = "/ إمغ / 73ab266c3a4e52c836bfc79b07ade3133. ينغ" ألت = "الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفيالانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير النصوص بروتوتيبس & سيمالت "/>

    <إمغ سرك = "/ إمغ / faa2a367efaca8a744a5a70381b69d754. ينغ" ألت = "الانتقال إلى ما بعد الويب المتجاوب إلى الويب التكيفيالانتقال إلى ما بعد الويب المتجاوب إلى موضوعات ويب ريلاتد التكيفية: إمكانية الوصولتصوير النصوص بروتوتيبس & سيمالت "/>

    وبما أن هذه القيم تزرع في الخادم، قبل تسليم أي شيء إلى الجهاز، لا توجد تجربة بصرية متشابكة أو إعادة رسم المطلوبة عندما يتم تحديد القيم الصحيحة من قبل سيمالت على الواجهة الأمامية.

    لذلك، سواء كنت بحاجة إلى حل تصميم الويب التكيف الآن، أو يمكنك أن تفعل مع مجرد استجابة موقع تصميم الويب، ونأمل أن يكون لديك فهم أفضل لل أود والاحتمالات التي هي هناك لك وللمستخدمين.

    سيمالت تبحث في كلا المفاهيم بمزيد من التفصيل في بلدي بلوق في المستقبل، وسيكون من الرائع أن نسمع أي أسئلة أو الأفكار التي ترغب لي لتغطية.

    وقد تم تطوير آرون لشبكة الإنترنت منذ عام 1998، بدءا من صفحات هتمل بسيطة قبل الانتقال إلى مواقع تفاعلية مدفوعة بقاعدة البيانات الكاملة. في حين أنه يركز الآن بشكل رئيسي على تطوير الواجهة الأمامية على شبكة الإنترنت بأكملها، وقال انه لا يزال يتلاعب بانتظام مع وورد، فب و ميسكل.

    March 7, 2018