Register Arama Bugünkü Mesajlar Tüm Forumu Okundu Say

Reply
 
Thread Tools
Speed up your forum with a few edits.
vB.Org Poster
vB.Org Poster has disabled reputation
Kayıt Tarihi: Jul 2018
Mesajlar: 298

Show Printable Version Email this Page
Makale: vBulletin 4 Makaleleri, yazan vB.Org Poster 09 Jul 2018, 23:38

A lot of search engines are now adding page speed as a determining factor in the way results are ranked and listed. There are a few things you can do to speed up the load time for guests (Bots, unregistered users etc).

GZip Compression



If your server supports gzip compression you can alter the level of compression in your vBulletin administrator control panel.

AdminCP>Settings>Options>Cookies and HTTP Header Options>

You will see a setting called GZIP Compression Level

Play around with this setting. If used properly, it can dramatically decrease the load time of your site.

Put CSS Stylesheets at the top

If you are using any custom CSS stylesheets, make sure they are at the top of the page when it is rendered. If you have stylesheets loaded after the <head> then you should move them to the top by placing them at the bottom of template headinclude.

Also try avoiding inline CSS.

Example:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Instead, create a class and then put the attributes for the class in additional.css template.

Example:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

It is relatively easy to find all instances of inline CSS.

Go to AdminCP>Styles & Templates>Search in Templates>
select your style you want to edit, or leave it default to search all templates.

then type in the search box style="

it will then show you all templates that have that in it, you can then search those templates, find the inline CSS, assign a class, and put the class attributes in additional.css

Another tip is to avoid CSS Expressions. Most of the time you can get the look you want without using expressions.

Example of css expressions:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Put Scripts at the bottom

This is also something that will help speed up the load time. Not every script needs to be loaded in the header. Move as many scripts as you can to the footer template.



Make JavaScript and CSS External

This goes along with what I was saying before. Don't use inline CSS and Javascript. Create external css and js files and include the content in them and then add them to your style appropriately.

Example inline css and javascript

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Instead create an external file and call it in the template.

Example:

Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.

Minify JavaScript and CSS



In addition to minifying external scripts and styles, inlined <script> and <style> blocks can and should also be minified. (If you must use them, it is recommended to have your scripts and styles as external files.)

Reduce the number of DOM elements

vBulletin.com forum has 1909 DOM elements. My site has 670.

A DOM element is something like a DIV, HTML, BODY element on a page. You can add classes to all of these using CSS, or interact with them using JS.

The lower your DOM element count is, the faster your site will render.

You can check the amount of DOM elements on your site by using Firefox with the Firebug addon. Enter the following command in the console of the page you want to check.


Kod Blok Kilitli:      (Kayıt veya giriş yapmalısın)  
Engellenmiş, kayıtlı olmayan veya onay bekleyen kişiler kodlara erişemezler.



There is no set amount of acceptable DOM elements. But you can get an idea of "acceptable" by looking at high-end sites such as yahoo.com (currently around 928 elements) and others.

You can reduce your DOM element count by removing things that are not necessary, and optimizing your code. For example, you can edit the FORUMHOME template to hide the WGO (What's Going On?) box to guests. When google views your site they are viewing it as a "guest" so the less it has to load and read, the faster it will see your site.

There are a lot of addons for Firefox that will help you in seeing and editing the code to your site, as well as optimizing it such as YSlow! and Page Speed.

Here is a helpful page that has additional things you can do to speed up your site load time.

Best Practices for Speeding Up Your Web Site - Yahoo Developer Network



----

WindowsCommunityForum.com - Your source for Windows news, discussion & support
Views: 46
Reply With Quote
Reply

Thread Tools

Şunları Yapabilirsin
Yeni Konu Açmak
Konuya Cevap Yazmak
Eklenti Eklemek
Düzenleme Yapabilmek

Forum Atla


LD'de Yeni misin? Yardıma mı ihtiyacın var?

All times are GMT +3. The time now is 03:50.

Tasarım Özelliği | Genişlik: Geniş Renk: Speed up your forum with a few edits. Speed up your forum with a few edits. Speed up your forum with a few edits. Speed up your forum with a few edits. Speed up your forum with a few edits.