كيف يمكنك تحسين سرعة تحميل مواقع الويب الخاصة بك دون قتل التصميم وإمكانية الوصول؟ ضغط الملفات ، CDN ، Gzip؟ ما هي أفضل الأدوات للقيام بذلك؟
على سبيل المثال ، قامت Google بتحسين موقعها دون المساس بالتصميم. أيضا ، يمكن أن العديد من المواقع تقتل نقاء صورهم مع الضغط.
هل هناك طريقة ، أكثر أو أفضل ممارسة ، خشية زيادة السرعة دون المساس بالتصميم وإمكانية الوصول؟
ملاحظة: آسف لكونك غامضًا لكنني لا أعرف كيف يمكنني صياغة عبارة أخرى عن هذا السؤال.
غزيب هو على الأرجح أكثر الأشياء جذرية التي يمكنك القيام بها.
يساعدك التأكد من تقليل كل ملفات css و js. تحقق من عدم تحميل مكتبات js أو css التي لا تحتاج إليها. سيقوم معظم المستخدمين بتخزينها مؤقتًا حتى بعد الصفحة الأولى ، ليس كل ذلك غير مثمر.
بخلاف ذلك ، تأكد من عمل التخزين المؤقت بشكل صحيح ، مثل عدم إعادة تحليل الصفحة لكل طلب لا يحتاج إلى إعادة تحليله. إذا nessasary على أي حال
إلى حد كبير كل من Yahoo! أفضل الممارسات يمكن تنفيذها دون حتى لمس تصميم الموقع بأي شكل من الأشكال. قلل طلبات HTTP عن طريق دمج كل CSS في ملف واحد وكل JS في ملف واحد. استخدم Gzip. مجموعة جيدة تنتهي الرؤوس.
يمكن أن تؤثر هذه القواعد على التصميم:
أكثر من مجرد تصغير 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 بأخرى رخيصة إلى حد ما.
يمكنني استخدام التخزين المؤقت في ASP.NET ، وهذا يمكن أن يوفر الكثير من الوقت عن طريق تجنب تكرار قواعد البيانات والمكالمات الوظيفية وحتى الصفحات.