آموزش مبانی پیشرفته در وب

Afshin Javan · 20/3/20

16. مدیریت پیش نویس های مطالب سایت

سیستم های مدیریت محتوای تحت وب از جمله محبوب ترین آن ها یعنی وردپرس قابلیت ذخیره سازی لحظه ای اطلاعات محتوایی شما در مطالب را دارند. این اطلاعات به صورت پیش نویس (Drafts) در دیتابیس سایت ذخیره می شوند و هر بار که آن ها را ویرایش کنید، پیش نویس های جدیدتری به لیست قبلی اضافه می شوند که به آنها رونوشت گفته می شود. در چنین حالتی ممکن است برای یک نوشته ده ها پیش نویس تولید شود. این پیش نویس ها در بعضی از سیستم ها حتی بعد از انتشار نسخه نهایی نوشته نیز باقی مانده و به نوع خود باعث کاهش ترافیک پهنای باند سایت خواهند شد. بنابراین حذف پیش نویس ها بعد از ارسال نسخه نهایی نوشته، ایده خیلی خوبی برای افزایش سرعت سایت است.

برای وردپرس می توان از افزونه هایی که در این مورد منتشر شده اند استفاده کرد. پلاگین Revision Control یکی از همین موارد است که می تواند در مدیریت و کنترل تعداد رونوشت ها به شما کمک کند. فراموش نکنید که حذف همگی پیش نویس ها شاید کمی ریسک پذیر باشد. بنابراین شاید بهتر است یک الی دو مورد از پیش نویس های قبلی را نگه دارید. با کمک این پلاگین شما قادر هستید تا تعداد این پیش نویس ها را به حداقل ممکن رسانده و فضای اشغال شده بی مورد در هاست و سرور خود را پاکسازی کنید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 20/3/20

17. کاهش تعداد ریدایرکت های سایت و درخواست های اشتباه

ریدایرکت کردن لینک ها یا به عبارت دیگر هدایت کردن لینک ها به آدرس هایی دیگر از جمله اقداماتی است که هر وب‌سایتی چندین و چندبار آن را تجربه کرده است. خیلی وقت ها لینک های موجود در سایت به دلایلی از کار می افتند و خیلی اوقات هم ما با تصمیم خودمان لینک هایی را به آدرس هایی جدید ریدایرکت می کنیم.

ریدایرکت کردن لینک ها به خودی خود هیچ اشکالی ندارد و بعضی اوقات باید آن را در شرایطی خاص اعمال کرد. اما زیاده روی در این قضیه به کاهش سرعت بارگذاری سایت دامن خواهد زد. چرا که هر ریدایرکت مساوی با یک درخواست HTTP اضافه به سرور می باشد و همانطور که پیش تر گفتیم، درخواست های بیشتر HTTP یعنی سرعت پایین تر لود شدن صفحات یک سایت. بنابراین توصیه می کنیم که فقط لینک هایی را ریدایرکت کنید که مجبور به تغییرشان هستید و راه دیگری ندارید.

همچنین سعی کنید که تا می توانید درخواست های اشتباه یا Bad Requests را از سایت خود حذف کنید. این درخواست ها شامل مطالب، فایل ها و لینک هایی می شوند که زمانی روی هاست و سایت شما منتشر شدند و بعد از مدتی حذف شده باشند. در این حالت اطلاعاتی که از پیش ذخیره شده باشند، ممکن است همچنان در مرورگرها به نمایش در بیایند و زمانی که شخصی از طریق مرورگر وارد آن مطلب حذف شده شود، درواقع یک درخواست اشتباه ارسال کرده است. چنین اشتباهی نه تنها باعث افت سرعت سایت می شود، بلکه باعث کاهش اعتبار و رتبه سایت شما و همچنین آزرده خاطر شدن کاربران نیز می شود. چرا که آن ها در صورتی که ببینند سایت شما ادعای وجود یک مطلب را در موتورهای جستجو و یا دیگر منابع (دیگر سایت ها) می کند، ولی در واقعیت آن مطلب در سایت وجود ندارد، از شما دلسرد شده و احتمالاً دیگر سراغ سایت شما نخواهند آمد. برای مقابله و پیش گیری از چنین مسئله ای اول از همه اینکه سعی کنید اطلاعات موجود در سایت خود را هیچ وقت بدون دلیل قانع کننده حذف نکنید و اگر مجبور به حذف شدید، سعی کنید محتوای جایگزینی برای آن ها ایجاد کرده و یا در صفحه مربوط به آن ها، لینکی جایگزین قرار دهید. در مرحله دوم، می توانید با استفاده از ابزارهای آنلاینی همچون Dead Line Checker صفحات و آدرس هایی که دچار چنین مشکلی شده اند را پیدا کرده و نسبت به مرتفع کردن مشکلات آنها اقدام کنید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 20/3/20

18. جایگذاری درست آیتم ها و رعایت ترتیب آن ها در سایت

متخصصین بزرگی در بحث طراحی بهینه شده سایت ها متذکر شده اند که جایگزاری مرتب آیتم ها و ترتیب عناصر طراحی، یکی از نکات خیلی مهم در بحث طراحی حرفه ای یک سایت محسوب می شود. چنین مسئله ای در خیلی از سایت ها مورد توجه قرار نمی گیرد. از جمله مهمترین مواردی که باید طبق استاندارد آن ها را انجام داد، چینش صحیح آیتم ها و منوها در سایت است. اما جالب است بدانید که توجه به این موضوع به بارگذاری سریع تر سایت نیز کمک می کند.

هرچه آیتم های بیشتری در سایت خود به کار برده باشید، تعداد درخواست های HTTP نیز بیشتر می شود و به دنبال آن سرعت لودینگ صفحات سایت شما تا حدی کاهش می یابد. استفاده صحیح و مناسب از آیتم های سایت به بهینه‌سازی و بهبود طراحی فرانت اند (Front-end) یا همان توسعه کاربر محور یک سایت کمک خیلی زیادی می کند.

در همین زمینه، اصولی با عنوان اصول Above the Fold وجود دارد که طبق آن، باید مهمترین آیتم ها و عناصر یک سایت را در قسمت بالایی صفحه، طوری که برای دیدن آن ها نیازی به اسکرول کردن نباشد قرار داد. با این کار در اصل شما چند نکته حیاتی را رعایت می کنید. اول اینکه مهمترین بخش های سایت خود را در اولین نگاه به کاربران نشان می دهید. دوماً شما با این کار دسته بندی های منظم تری از بخش های سایت ایجاد کرده و در نتیجه سرعت بارگذاری هر بخش را افزایش می دهید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 20/3/20

برای بهره گیری هرچه بیشتر از این اصول، نکات زیر را مورد توجه قرار دهید :

بخش بالایی سایت تأثیر خیلی زیادی در سرعت لود شدن اولیه یک سایت دارد. بنابراین در قسمت بالایی صفحه اصلی سایت خود، تا حد امکان اطلاعات زیادی قرار ندهید تا سرعت بارگذاری سایت بیشتر شود.
کدها و اسکریپت های CSS از جمله لوگوی سایت، اسلایدشوها و ... را در قسمت هدر سایت خود قرار دهید. از جایی که لود شدن اسکریپت های CSS نسبت به دیگر اسکریپت ها سریع تر صورت می گیرد، با قرار دادن آن ها در قسمت های بالایی سایت، این آیتم ها زودتر از دیگر بخش ها بارگذاری می شوند. در این حالت کاربران احساس بهتری پیدا می کنند و حتی اگر سایت شما کمی بیشتر طول بکشد تا به صورت کامل لود شود، حداقل بخشی از آن برای کاربران قابل مشاهده خواهد بود و همین موضوع سبب می شود تا کاربران بدانند که سایت شما در حال بارگذاری است.
اسکریپت های دیگر را در قسمت پائینی سایت و یا در قسمت فوتر تعبیه کنید. مرورگرها برای نمایش دادن یک سایت ابتدا مواردی که در بالای سایت قرار دارند را بارگذاری می کنند و سپس به قسمت پائینی و فوتر سایت هدایت می شوند. همین مسئله می تواند به افزایش سرعت سایت شما کمک کند.
در صفحه اصلی خود و به ویژه در قسمت های بالائی، فقط خلاصه ای از متن مطالب را درج کرده و از قرار دادن توضیحات طولانی اجتناب کنید. شما با چنین کاری کاربران را تشویق به کلیک کردن روی آن مطالب می کنید.
تا حد امکان ویدجت ها، ابزارهای غیر ضروری، دکمه های اشتراک گذاری و ... را از صفحه اصلی حذف کنید و فقط محتوای اصلی و تصاویر ضروری را به نمایش بگذارید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 20/3/20

19. از تکنیک CSS Image Sprites استفاده کنید

در مبحث طراحی سایت های نوین، تکنیک های CSS کاربردهای بسیار زیادی دارند. یکی از این تکنیک ها که تقریباً اغلب سایت های موفق از آن استفاده می کنند، تکنیکی با عنوان CSS Sprites می باشد. به زبان ساده می توان گفت که این تکنیک به شما اجازه می دهد تا چندین تصویر (معمولاً تصاویر آیکون و فرمت های PNG) را در یک فایل PNG ادغام کنید. چنین حرکتی به تنهایی باعث می شود تا سایت شما به جای اینکه ده ها عکس را جداگانه در اختیار مرورگرها قرار دهد، همه آن ها را در یک فایل بارگذاری کند. بدیهی است که همچین تکنیکی چه مقدار به سبک تر شدن حجم صفحه وب و افزایش سرعت سایت کمک می کند. از این تکنیک در موارد گوناگونی استفاده می شود که یکی از این موارد، ادغام چندین تصویر در یک فایل است.

روش کار این سیستم کاهش تعداد درخواست های HTTP است. برای مثال فرض کنید در یک صفحه از یک سایت 15 آیکون و تصویر وجود دارند. وقتی یک مرورگر وارد این صفحه شود 15 درخواست برای این تعداد تصاویر ارسال می کند و هر درخواست یک زمان معین به طول می انجامد. شما با استفاده از تکنیک CSS Sprites به جای 15 درخواست فقط یک درخواست ایجاد می کنید و مسلم است که کاهش این مقدار در سرعت بارگذاری نهایی سایت تأثیر مناسبی خواهد داشت.

اگرچه پیاده سازی این تکنیک در سایت های تکمیل شده نیز قابل انجام است، اما پیشنهاد می کنیم قبل از طراحی نهایی سایت، این سیستم را در کدهای CSS سایت اضافه کنید. نحوه استفاده از این سیستم کمی تخصصی می باشد اما کلیت کار آن قدرها هم سخت نیست. به هر حال برای اینکه اشتباهی در انجام این کار صورت نگیرد بهتر است در این مورد با طراح سایت خود مشورت کنید. اما اگر خودتان با این زمینه آشنا هستید و مایلید که چنین تکنیکی را مورد استفاده قرار دهید، استفاده از سایت هایی مثل SpriteGen.com و CSSSprites.com و همچنین ابزار کاربردی سایت W3School برای تولید کدهای مربوطه پیشنهاد مناسبی خواهد بود.

تصویر زیر یک نمونه از تکنیک CSS Sprites می باشد که در یکی از سایت های خارجی پیاده سازی شده است. همانطور که می بینید ده ها عکس و آیکون در این تصویر وجود دارند که همگی در یک فایل ادغام شده اند. نمایش صحیح و جایگاه درست این آیکون ها با دستکاری کدهای CSS امکان پذیر خواهد بود.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 20/3/20

20. نسخه موبایلی وب سایت خود را گسترش دهید

آمارها نشان می دهند که در زمینه بازدید از سایت ها، موبایل ها اخیراً از سیستم های دسکتاپی جلو زده اند و هم اکنون بیش از 60% از بازدیدهای سایت ها توسط موبایل ها انجام می شود! از جایی که سرعت و سبکی حرف اول را در موبایل ها می زنند، شما باید وب‌سایتی داشته باشید که بتواند از این لحاظ کاربران را جذب کند. نتایج این تحقیقات که توسط نظرسنجی های مختلف روی هزاران نفر انجام شد نشان می دهد که نزدیک به 85% از کاربران موبایلی انتظار دارند که یک سایت چندین برابر سریع تر از نسخه دسکتاپی در موبایل آن ها باز شود.

با این گفته ها می توان دریافت که رقابت صحیح و موفقیت آمیز در دنیای کسب و کار اینترنتی تا حد خیلی زیادی به کسب رضایت کاربران موبایلی بستگی دارد. بنابراین شما باید حتماً یک نسخه ریسپانسیو (واکنش گرا) از سایت خود برای موبایل ها داشته باشید و تا جایی که ممکن است نسخه مخصوص موبایل سایت خود را سبک و سریع کنید. کاربران موبایلی از وب‌گردی در موبایل ها بیشتر به دنبال کسب سریع اطلاعات هستند و همین موضوع باعث می شود با وسواس کمتری به طراحی ظاهری و گرافیکی نسخه موبایلی بپردازید. چنین حرفی به این معنی نیست که ظاهر نسخه ریسپانسیو اهمیتی ندارد؛ بلکه به این معنی است که سادگی اولویت بیشتری در آن دارد و هر چه یک طرح ساده تر باشد، سرعت آن نیز بالاتر خواهد بود.

اگر می خواهید مطمئن شوید که وب‌سایت شما با موبایل ها سازگار است (Mobile-friendly) می توانید از ابزار Mobile-Friendly Test گوگل استفاده کنید. کافیست وارد این سایت شده و آدرس سایت خود را در فیلد مربوطه وارد کرده و گزینه Run Test را بزنید. سپس منتظر تست و بررسی شدن سایت باشید و بعد از آن نتیجه را ببینید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 21/3/20

21. نمایش تصاویر گراواتار را در سایت متوقف کنید

گراواتارها (Gravatar) تصاویر شاخصی هستند که هر کاربر می تواند برای خود تعیین کند. گراواتارها روی ایمیل کاربران ثبت می شوند. در صورت فعال بودن این گزینه در یک سایت، تصاویر گراواتار کاربران در بخش نظرات مطالب به نمایش در می آید. حتی اگر شخصی گراواتار نداشته باشد، امکان تعیین کردن حالت نمایش گراواتارهای پیش فرض وجود دارد.

این تصاویر هر چند سایز کوچکی داشته و بندانگشتی محسوب می شوند؛ اما تعداد زیاد آنها در مجموع باعث افزایش حجم صفحه وب‌سایت شما می شود. می توانید خیلی راحت این سیستم را از بخش سیستم مدیریت محتوای خود غیرفعال کنید تا حجم سایت کاهش پیدا کرده و سرعت بارگذاری آن افزایش یابد.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 21/3/20

22. سرویس دهنده های ویدئویی را جایگزین فضای هاست خود کنید

فایل های حجیم ویدئوها به ویژه ویدئوهای طولانی می تواند سبب کاهش نسبی سرعت صفحات وب‌سایت شما شوند. به ویژه اگر آن ها را با مدیاپلیرهای آنلاین در سایت خود قرار داده باشید. پیشنهاد بهتر این است که به جای آپلود کردن این فایل ها و قرار دادن آن ها به صورت نمایش آنلاین در صفحات سایت خود، از سرویس دهنده های ویدئویی مثل YouTube و یا Aparat استفاده کنید. با این کار شما به جای استفاده از منابع هاست خود، مستقیماً از منابع این سرویس دهنده ها استفاده می کنید. اما برای راحتی کار کاربران می توانید لینک دانلود این ویدئوها را در هاست دانلود خود آپلود کرده و در اختیار آن ها قرار دهید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 21/3/20

23. ماژول Google PageSpeed را روی سرور وب خود نصب کنید

همگی ما با ابزارهای کارآمد و بسیار حرفه ای و تخصصی گوگل وب‌مستر آشنا هستیم. گوگل در اقدامی جسورانه ابزاری حرفه ای برای آنالیز و همچنین بهینه سازی های تخصصی سایت ها عرضه کرده است. این مجموعه با نام Google PageSpeed Tools شناخته می شوند. تا پیش از این استفاده از این ابزار به صورت تحت وب امکان پذیر بود اما حالا شما می توانید ماژول اختصاصی و متن باز گوگل را روی وب‌سرور خود نصب کنید.

این ماژول قابلیت بهینه‌سازی خودکار سرور شما را دارد و می تواند تقریباً بدون دخالت شما تنظیمات و اقدامات متناسب را روی سایت و سرور شما اعمال کند. در واقع این ابزار با بررسی دقیق شرایط سرور و آنالیز بخش های مختلف آن، بهترین گزینه های ممکن برای بهینه‌سازی و افزایش سرعت سایت و سرور شما را در دستور کار قرار می دهد.

ماژول PageSpeed که منحصراً به منظور اعمال تغییرات مثبت برای بهبود سرعت بارگذاری سایت ها منتشر شده است، قابل نصب روی سرورهای Apache و NGINX می باشد. گوگل پکیج های نصبی این ماژول را در سایت توسعه دهندگان خود منتشر کرده است.

اگر با نصب ماژول روی وب‌سرورها به صورت کامل آشنا هستید می توانید خودتان مراحل نصب را انجام دهید. اما اگر با این مقوله آشنا نیستید و یا مایلید که این کار به صورت صحیح انجام شود می توانید از سرویس دهنده خود درخواست کنید تا این ماژول را برای شما نصب و راه اندازی کنند.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

Afshin Javan · 21/3/20

چطور سرعت سایت را آزمایش کنیم؟

ابزار PageSpeed Insights : یک ابزار رایگان و بسیار حرفه ای از سوی Google برای تخمین دقیق سرعت وب‌سایت شما می باشد. کار با این سیستم بسیار راحت است. کافیست وارد آن شده و آدرس URL سایت خود را در آن وارد کنید و منتظر آنالیز و بررسی سایت خود در این ابزار باشید. این ابزار بعد از بررسی دقیق سایت شما، ایرادات و مشکلاتی که در سایت شما وجود دارند را اطلاع رسانی کرده و پیشنهادات خود برای برطرف سازی آن ها را به شما اعلام خواهد کرد.
ابزار Pingdom : این ابزار که جزو پر استفاده ترین ابزارهای آنلاین در زمینه آنالیز و بررسی سرعت یک سایت ایجاد شده است، به شما کمک می کند تا عملکرد سایت و کیفیت آن را از جنبه های گوناگون متوجه شوید. این ابزار همچنین تاریخچه عملکرد وب‌سایت شما را نیز به صورت نمودار به شما نمایش می دهد تا به راحتی متوجه تغییرات مثبت یا منفی شوید.
ابزار YSlow : ابزاری است پرقدرت که توسط کمپانی Yahoo توسعه داده شده است. این ابزار نیز همانند موارد قبلی سایت شما را از لحاظ سرعت بارگذاری تست کرده و پیشنهاداتی برای بهبود بخشیدن شرایط آن به شما می دهد. Yslow قابل نصب به صورت افزونه روی مرورگرهای Opera , Firefox و Chrome می باشد تا بتوانید با کمک آن بدون وارد شدن به خود این سایت، و از طریق مرورگر خود به بررسی و آنالیز سایت ها بپردازید و نتیجه را در همان جا ببینید.

رمان ۹۸ | بهترین انجمن رمان نویسی

بهترین انجمن رمان نویسی ایران | رمان ۹۸

forum.roman98.com

رمان ۹۸ | دانلود رمان

نودهشتیا,بزرگترین مرجع تایپ رمان, دانلود رمان جدید,دانلود رمان عاشقانه, رمان خارجی, رمان ایرانی, دانلود رمان بدون سانسور,دانلود رمان اربابی,

roman98.com

خوش آمدید به رمان ۹۸ | بهترین انجمن رمان نویسی

ما را در شبکه‌های اجتماعی دنبال کنید

آیا این تاپیک مفید است ؟

کم

متوسط

خوب

عالی

نظری ندارم

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

اخراج شده

ما را در شبکه‌های اجتماعی دنبال کنید

درباره ما

لینک‌های پیشنهادی رمان ۹۸

آمار آنلاین