كيف يمكنك تحسين سرعة مواقع الويب الخاصة بك دون المساس بالتصميم والوصول؟
كيف يمكنك تحسين سرعة تحميل مواقع الويب الخاصة بك دون قتل التصميم وإمكانية الوصول؟ ضغط الملفات ، CDN ، Gzip؟ ما هي أفضل الأدوات للقيام بذلك؟
على سبيل المثال ، قامت Google بتحسين موقعها دون المساس بالتصميم. أيضا ، يمكن أن العديد من المواقع تقتل نقاء صورهم مع الضغط.
هل هناك طريقة ، أكثر أو أفضل ممارسة ، خشية زيادة السرعة دون المساس بالتصميم وإمكانية الوصول؟
ملاحظة: آسف لكونك غامضًا لكنني لا أعرف كيف يمكنني صياغة عبارة أخرى عن هذا السؤال.
غزيب هو على الأرجح أكثر الأشياء جذرية التي يمكنك القيام بها.
يساعدك التأكد من تقليل كل ملفات css و js. تحقق من عدم تحميل مكتبات js أو css التي لا تحتاج إليها. سيقوم معظم المستخدمين بتخزينها مؤقتًا حتى بعد الصفحة الأولى ، ليس كل ذلك غير مثمر.
بخلاف ذلك ، تأكد من عمل التخزين المؤقت بشكل صحيح ، مثل عدم إعادة تحليل الصفحة لكل طلب لا يحتاج إلى إعادة تحليله. إذا nessasary على أي حال
إلى حد كبير كل من Yahoo! أفضل الممارسات يمكن تنفيذها دون حتى لمس تصميم الموقع بأي شكل من الأشكال. قلل طلبات HTTP عن طريق دمج كل CSS في ملف واحد وكل JS في ملف واحد. استخدم Gzip. مجموعة جيدة تنتهي الرؤوس.
يمكن أن تؤثر هذه القواعد على التصميم:
- تقليل عدد عناصر DOM - يستحق النظر ، يجب أن تكون قادرًا على تقليل حجم HTML مع الحفاظ على التصميم كما هو.
- تقليل عدد iframes - ربما من الأفضل تجنب هذه كلما كان ذلك ممكنا على أي حال.
- تحسين الصور - يجب عليك تحسين الصور حيثما أمكن ذلك ، ولكن لا تبالغ بها على حساب التصميم الخاص بك.
أكثر من مجرد تصغير CSS/JS ، ادمجها في ملف واحد لكل تنسيق بقدر ما تستطيع. التنزيلات أقل ، كان ذلك أفضل. إذا كان هذا مستحيلًا ، فقم بنقلهم إلى أسماء النطاقات الأخرى ، إما المستضافة على نفس الخادم أو على CDN.
Gzip ، كما قال ، قوية بشكل مثير للدهشة.
انقل JS إلى أسفل المستند وتأكد من أن كل CSS في head. تجنب مضمنة JS و CSS.
ذاكرة التخزين المؤقت من الجحيم كل شيء وتعيين Expires رؤوس وعلامات.
سرعة الصفحة. هذا هو البرنامج المساعد من Google ل FireBug. إذا قمت بتشغيله على موقعك ، فسيخبرك بالمكان الذي تحتاج إلى تحسينه. في الغالب يتبع النصائح المقدمة من أفضل ممارسات Yahoo ، لكنه سيخبرك بالمكان الذي تحتاج إلى تحسينه.
لقد رأيت أكبر تحسن في السرعة في تقليل حجم الصور الخاصة بي . لإنجاز ذلك ، يمكنك استخدام "Save For Web & Devices" في Photoshop أو برنامج Mac آخر جيد يمكنه تقليل صورك هو ImageOptim .
على طول خطوط Yahoo Best Practices (YBP) ، قد ترغب في إلقاء نظرة على YSlow Firefox Add-on . سوف يوفر لك مجموعة سريعة عن كيفية عمل الموقع فيما يتعلق بـ YBP.
لقد كتبت مقالا مفصلا عن تحسين السرعة والتي قد تجدها مفيدة.
http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511
استخدم CDN للملفات الثابتة مثل javascript و css والصور. يتمتع كل من RackspaceCloud و Amazon بأخرى رخيصة إلى حد ما.
- تقليل عدد طلبات HTTP إلى الحد الأدنى - على سبيل المثال تأكد من أنك تستخدم نصوص صورية حيث يمكنك ، هل لديك ملفات javascript أو css متعددة يتم تحميلها لكل صفحة؟ الجمع بينهما في واحد
- هل هناك إعادة توجيه إلى هناك يمكنك القضاء عليها؟
- قم بتحميل أوراق الأنماط في أعلى المستند ، جافا سكريبت في الأسفل
- إذا كان موقعك كبيرًا ، فقم بتوفير خوادم قريبة جغرافيًا من أكبر قاعدة مستخدم لديك.
يمكنني استخدام التخزين المؤقت في ASP.NET ، وهذا يمكن أن يوفر الكثير من الوقت عن طريق تجنب تكرار قواعد البيانات والمكالمات الوظيفية وحتى الصفحات.