أفضل ممارسات iFrame

Question

لدي لافتة صور كبيرة وعالية الدقة ومكثفة لجافا سكريبت لموقع أقوم بتصميمه.ما رأي الجميع في استخدام إطارات iframe بحيث تتحمل وقت التحميل مرة واحدة فقط؟هل هناك بديل CSS لإطار iframe؟

لا تتردد في معاينة الموقع.

إنه عمل مستمر إلى حد كبير.­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

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

حسنًا، في هذه الحالة أوصي بشدة بعدم القيام بذلك.الطريقة الحقيقية الوحيدة لتحقيق ذلك هي الحصول على محتوى موقع الويب الفعلي في إطار iframe، مما يعني أن لديك فجأة الكثير من الجوانب السلبية للموقع:عدم القدرة على وضع إشارة مرجعية على عناوين URL بسهولة بسبب عدم تغيير شريط العناوين؛مخاوف إمكانية الوصول؛إلخ

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

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

Answer 2

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

Answer 3

حسنًا، يبدو أن المتصفح يقوم بتخزين جميع صور الشعارات السبع مؤقتًا عند التحميل الأول، ثم يقوم بتشغيلها من ذاكرة التخزين المؤقت (لكل صفحة لاحقة) بعد ذلك.لا أظن أن لديك مشكلة :D

جربه باستخدام أداة مراقبة Firebug's Net في Firefox.

Answer 4

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

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

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

Answer 5

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

Answer 6

على الرغم من أن استخدام إطارات IFrames كنوع من الصفحة الرئيسية/القالب لصفحاتك قد يكون أمرًا جيدًا، إلا أن إطارات IFrames لها تأثير سلبي معروف على إمكانية البحث/تحسين محركات البحث.

قد يكون ذلك أيضًا غير ضروري في المقام الأول لأنه بمجرد تحميل صورك في المرة الأولى (ومع الصور الكبيرة عالية الدقة الموجودة على موقعك، سيكون ذلك بطيئًا) بغض النظر أنت تفعل ذلك) يتم تخزين الصور مؤقتًا بواسطة المتصفحات ولن يتم إعادة تحميلها حتى يقوم المستخدم بمسح ذاكرة التخزين المؤقت الخاصة به أو يقوم كنترول+F5.