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

رمان ۹۸ با هدف ترویج فرهنگ کتاب خوانی و تقویت قلم عزیزان ایجاد شده است.
هدف ما همواره ایجاد محیطی گرم و صمیمی و دوستانه بوده
برای مطالعه کامل رمان‌ها و استفاده از امکانات انجمن
به ما بپیوندید و یا وارد انجمن شوید.

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

  • کم

    رای: 0 0.0%
  • متوسط

    رای: 0 0.0%
  • خوب

    رای: 2 16.7%
  • عالی

    رای: 10 83.3%
  • نظری ندارم

    رای: 0 0.0%

  • مجموع رای دهندگان
    12
وضعیت
موضوع بسته شده است.

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
Gzip Compression Joomla





Gzip Compression Joomla





-Drupal:

برای راه‌اندازی Gzip در دروپال، می‌توانید از ماژول انحصاری این سیستم یعنی CSS GZip استفاده کنید. البته این ماژول مدت‌هاست که به روزرسانی نشده و ممکن است روی نسخه‌های جدید دروپال به درستی فعال‌سازی نشود. بنابراین اگر دروپال دارید، پیشنهاد می‌کنیم از روش عمومی که در ادامه خواهیم گفت استفاده کنید.



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
فعال‌سازی Gzip Compression از طریق فایل htaccess (روش عمومی)

اگر از روش‌های بالا موفق به راه‌اندازی Gzip Compression نشدید، می‌توانید با یک ویرایش ساده فایل htaccess این قابلیت را در سرور خود فعال کنید. کافیست کدی که در این لینک قرار گرفته است را کپی کرده و به فایل htaccess اضافه کنید و سپس آن را ذخیره کنید. اگر با قرار دادن این کد قابلیت Gzip به سایت شما اضافه نشد، کد قبلی را حذف کرده و این کد جایگزین را در فایل htaccess قرار دهید. همچنین در صورتی که وب‌سرور شما NGINX می‌باشد، کدی که در این لینک وجود دارد را کپی کرده و در فایل کانفیگ (Config) سرور اضافه کنید.

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


چطور متوجه شویم که Gzip Compression به درستی تنظیم و فعال‌سازی شده است؟

کافیست وب‌سایت checkgzipcompression.com را باز کرده و آدرس سایت خود را در فیلد مورد نظر وارد کنید. سپس این ابزار به شما نشان می‌دهد که سایت شما قابلیت Gzip را دارا می‌باشد یا خیر. همچنین این سایت درصد و مقدار حجم کاهش یافته نسخه اصلی و نسخه فشرده شده سایت شما را نیز به شما نمایش خواهد داد.



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
Gzip Test Result



6. حذف افزونه‌های غیر ضروری

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

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



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
در جوملا و دروپال به جای چنین افزونه هایی می‌توان از ماژول‌های گوناگون بهره‌مند شد. بنابراین اگر از این دو سیستم مدیریت محتوا استفاده می‌کنید، می‌توانید ماژول‌های اضافی را حذف کرده و یا افزونه‌های بهینه‌سازی سرعت را روی سایت خود نصب کنید. متخصصین توصیه می‌کنند که از فعال‌سازی بیش از 50 ماژول در یک وب‌سایت خودداری کنید. چرا که این مسئله باعث کاهش شدید سرعت سایت می‌شود.


اکستنشن کروم




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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
7. استفاده از متد Keep Alive

برای اینکه یک وب‌سایت برای یک کاربر به نمایش در بیاید، مرورگر به سروری که وب‌سایت مذکور روی آن میزبانی می‌شود، درخواستی کوتاه برای برقراری ارتباط اولیه می فرستد. این درخواست ها با عنوان HTTP Requests شناخته می شوند. در حقیقت این ارتباط کوتاه به منظور دریافت مجوز دسترسی به اطلاعات درون سایت برقرار می شود. بعد از اینکه درخواست مربوطه توسط سرور تأیید شد، حالا مرورگر به فایل‌های اصلی از جمله فایل‌های HTML‌، فایل‌های CSS‌، JavaScript و دیگر فایل‌های ذخیره شده روی سرور آن وب‌سایت دسترسی پیدا می‌کند.

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

متد Keep Alive به همین منظور ارائه شده است. شما با فعال‌سازی این قابلیت، بسـ*ـتری فراهم می‌کنید تا نیازی به برقراری ارتباط اولیه برای هر درخواست و هر فایل لازم نباشد. در واقع با کمک متد Keep-Alive، سرور سایت فقط برای بار اول درخواست‌ها را دریافت می‌کند و مابقی اطلاعات را به صورت همزمان به مرورگر ارسال می‌کند. در این صورت مرورگرها نیازی ندارند که برای هر یک فایل یک درخواست ارسال کنند. با پیاده‌سازی این سیستم، سرعت دریافت و انتقال اطلاعات بین کلاینت و سرور به مقدار قابل توجهی بهبود پیدا می‌کند.


Keep-Alive




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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
چطور قابلیت Keep-Alive را فعال کنیم؟

برای فعال‌سازی این قابلیت می‌توان از دو روش استفاده کرد:

روش اول: در بخش هدر قالب HTTP سایت شما، قسمتی با عنوان Connection: close وجود دارد. کافیست کلمه close را به Keep-Alive تغییر دهید تا این قسمت به صورت "connection: keep-alive" در بیاید. این روش نیازمند دسترسی‌های شما به اطلاعات سرور دارد. ممکن است سرویس‌دهنده شما چنین دسترسی به شما ندهد. در این صورت می‌توانید از روش دوم استفاده کنید.

روش دوم: فعال‌سازی Keep-Alive با استفاده از فایل .htaccessفایل htaccess یک فایل کانفیگ (پیکربندی) قابل‌استفاده روی سرورها است. این فایل در دایرکتوری اصلی هاست قرار می‌گیرد و می‌توان با تغییرات کدهای آن، دسترسی‌های مختلفی را مدیریت کرد. برای فعال کردن قابلیت Keep-Alive از طریق فایل htaccess باید کدی که در این لینک وجود دارد را به کدهای موجود در فایل htaccess اضافه کنید. با اضافه کردن این کد به فایل htaccess شما قابلیت Keep-Alive را به صورت دستی به هدر سرور سایت خود اضافه می‌کنید و این قابلیت برای سایت شما فعال می‌شود. در نهایت بعد از اینکه این مورد را در سایت خود راه اندازی کردید، می‌توانید از طریق این وب‌سایت مطمئن شوید که Keep-Alive در سایت شما فعال است یا خیر. این سایت همچنین فعال یا غیرفعال بودن چندین مورد دیگر را هم به شما اطلاع رسانی می‌کند.



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
8. فشرده‌سازی فایل های JavaScript و CSS

از دیگر روش‌های افزایش سرعت یک سایت و کاهش حجم کلی آن، فشرده‌سازی فایل‌های جاوا اسکریپت و سی‌اس‌اس می‌باشد. منظور ما از فشرده سازی کم حجم کردن این فایل‌ها نیست؛ بلکه ادغام کردن چندین فایل در یک فایل است. این فرآیند Minify نامیده می‌شود. همانطور که می‌دانید یک وب‌سایت شامل صدها فایل گوناگون است که بسیاری از آنها ممکن است فایل‌های JavaScript و CSS باشند. شما می‌توانید کدهای اصلی این فایل‌ها را جمع آوری کرده و همگی آنها را در یک فایل ذخیره کنید. در این حالت به مقدار قابل‌توجهی فایل‌های اضافی را از سرور حذف کرده و سایت را سبک‌تر می‌کنید. چنین اقدامی باعث می‌شود تا درخواست‌های مرورگرها برای خواندن اطلاعات هر فایل کاهش یافته و در نتیجه سرعت بارگذاری سایت افزایش پیدا کند. این فرآیند کار خیلی ساده ای نیست و پیشنهاد می‌کنیم این کار را به یک متخصص طراحی وب واگذار کنید. با این حال برای این کار ابزارهای گوناگونی عرضه شده است. به عنوان مثال برای سیستم مدیریت محتوای Wordpress افزونه‌هایی مثل Better WordPress Minify وجود دارند که انجام این کار را برای شما راحت‌تر می کنند. همچنین ابزار تحت وب WillPeavy نیز می‌تواند فایل‌هایHTML ,CSS و JavaScript را برای شما Minify کند.



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
9. بهینه‌سازی تصاویر موجود در وب‌سایت

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



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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع



برای بهینه سازی تصاویر از دو روش کلی می‌توان استفاده کرد:

  1. بهینه‌سازی دستی تصاویر با تغییر فرمت و ذخیره‌سازی آنها متناسب با نسخه‌های مخصوص وب: در این روش شما باید عکس‌های خود را قبل از ارسال روی سایت (آپلود) به صورت دستی بهینه‌سازی کنید. این کار با نرم‌افزارهای دسکتاپی و یا تحت وب قابل انجام است. فتوشاپ به عنوان یکی از معتبرترین نرم‌افزارهای کاربردی در زمینه ویرایش تصاویر، امکانی برای وب‌مسترها فراهم کرده است تا بتوانند تصاویر نهایی خود را بعد از ویرایش، با گزینه Save for web ذخیره کنند. ذخیره‌سازی تصاویر با این گزینه باعث می‌شود تا تصاویر بدون اینکه افت کیفیت خاصی داشته باشند، به صورت کاملاً بهینه شده و با حجم چندین برابر کمتر قابل‌استفاده باشند. اگر اهل استفاده از این مدل نرم‌افزارها نیستید، وب‌سایت‌هایی همچون Compressor.io و یا Image Optimizer می‌توانند جایگزین مناسبی باشند. کافیست تصویر اصلی خود را در این سایت ها آپلود کرده و بعد از چند لحظه تصویر بهینه شده خود را دریافت کنید.


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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر

Afshin Javan

اخراج شده
کاربر اخراج شده
کاربر مسدود شده
عضویت
18/1/20
ارسال ها
2,336
امتیاز واکنش
13,208
امتیاز
323
زمان حضور
52 روز 9 ساعت 59 دقیقه
نویسنده این موضوع
  1. استفاده از افزونه‌های کاربردی که در زمینه بهینه‌سازی خودکار تصاویر ارائه شده‌اند: سیستم‌های مدیریت محتوا دارای افزونه‌ها و ماژول‌های مختلفی برای بهینه‌سازی بخش‌های گوناگون سایت هستند. این افزونه‌ها می‌توانند به صورت اتوماتیک تصاویر موجود (آپلود شده) در وب‌سایت شما را شناسایی کرده و آنها را بدون دخالت شما بهینه کنند. حجم نهایی اغلب این تصاویر بعد از بهینه شدن تقریباً یک چهارم حجم نسخه اصلی می‌شود. همین روش به شدت در افزایش سرعت وب‌سایت شما تأثیرگذار خواهد بود. بهترین پلاگین‌های موجود در این زمینه برای وردپرس عبارت اند از :
  • reSmush.it
  • EWWW Image Optimizer
  • Compress JPEG & PNG images
  • ShortPixel Image Optimizer
  • WP Smush

از استفاده از فرمت درست تصاویر نیز غافل نشوید. تصاویر موجود در سطح وب معمولاً در سه فرمت SVG، PNG و JPG است. اگر تصویر مورد نظر شما یک وکتور با کیفیت است، باید فرمت آن SVG باشد. اگر تصاویر شما دارای پس زمینه شفاف (Transparent) هستند و یا تصاویر شما از نوع آیکون می‌باشند، باید از فرمت PNG استفاده کنید و در نهایت برای تصاویر اصلی وب‌سایت شامل تصاویر مطالب، کاورها، بنرها و تبلیغات از فرمت JPG استفاده کنید.




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

 
  • تشکر
Reactions: ℳelissa، Mana، TiNAX007 و یک کاربر دیگر
وضعیت
موضوع بسته شده است.
shape1
shape2
shape3
shape4
shape7
shape8
بالا