Konu: Site Açılış Hızını Arttırma Yöntemleri

[D®agon]

Çok araştırmama rağmen bunun nasıl yapılacağına dair sağlıklı ve sonuca götüren bir dişe dokunur bilgiye rastlamadım.



Burada bulduğum bilgileri paylaşmaya gayret edeceğim.

Css dosyası içerisinde yer alan gereksiz boşluklardan kurtulmak için:

You are not allowed to view links. Register or Login
Bu adreste css dosyanızı sıkıştırın ve yeniden kaydedin.

JavaScript Dosyalarını Sıkıştırmak için You are not allowed to view links. Register or Login
Bu adreste JavaScript dosyanızı sıkıştırın ve yeniden kaydedin.

Baya bir faydası olacaktır.

Mobile CSS:

Themes/default/css/index.css  Dosyasını açın.

En altına ekle:

Kod: You are not allowed to view links. Register or Login

<br />
@media screen and (max-width: 800px) {<br />
   .mobile {<br />
      display:none;<br />
      #content {<br />
      width: 100%;<br />
   }<br />
}<br />
Mobil cihazlarda iyi şekilde görüntülenecek biçimde optimize edilmiş sayfaların doküman başlığında width=device-width, initial-scale=1 ifadesini içeren bir meta görünüm olmalıdır.

Kod: You are not allowed to view links. Register or Login

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Kod: You are not allowed to view links. Register or Login

<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
index.css de en alta ekle

Kod: You are not allowed to view links. Register or Login

@media screen and (max-width:1020px){.table_list td.stats{display:none;}
.cat_bar h3.catbg img{display:none;}
.cat_bar h3.catbg span{display:none;}
dl#ic_recentposts span{display:none;}
div#wrapper { margin: 0px auto;min-width: 300px;max-width: 2300px;}
.bbc_img{max-width:70%;}
table.table_list tbody.content td.lastpost{text-align:center;font-size:85%;width:40%;}
}
@media screen and (max-width:720px){.table_grid td.stats{display:none;}
.table_grid td.icon1{display:none;}
tr.catbg th{display:none;}
.table_list td.lastpost{display:none;}
.poster{float:none;width:0px;}
.poster ul{display:none;}
.postarea, .moderatorbar{margin:0px;}
.login dt{float:none;text-align:left;}
.login dd{float:none;text-align:left;}
.login p{text-align:left;}
.keyinfo{float:none;width:100%;}
.bbc_img{max-width:250px;}
#basicinfo{width:100%;float:none;}
#detailedinfo {width: 100%;}
}
@media screen and (max-width:480px){.table_list td.info p{display:none;}
.table_grid td.lastpost{display:none;}
.buttonlist li a.button_strip_notify{display:none;}
.buttonlist li a.button_strip_mark_unread{display:none;}
.buttonlist li a.button_strip_send{display:none;}
.buttonlist li a.button_strip_print{display:none;}
.unreadlink{display:none;}
ul.reset li.floatleft{display:none;}
.navigate_section{display:none;}
.smalltext img{display:none;}
#creator dt {width: 100%;float: none;}
#creator dd {float: none;width: 100%;}
.content dl.register_form dt {width: 100%;float: none;}
.content dl.register_form dd {float: none;width: 100%;}
input, button, select, textarea {width: 90%;}
.login {width: 100%;margin: 0px auto;}
#advanced_search dl#search_options {width: 100%;}
#upper_section { overflow: inherit;}
div#upper_section div.user {width: 100%;   float: left;   overflow: auto;}
.avatar img{width:20px;}
#upper_section div.news { width: 100%;  float: right;   text-align: right;}
#upper_section div.news  .input_text{ width: 70%; float: left;}
#upper_section div.news  .button_submit{ width: 25%; float: right;}
#upper_section form{margin: 6px auto;}
.fulltop{display:none;}
h1.forumtitle {line-height: 20px;font-size: 12px;}
}

[D®agon]

Leverage browser caching ayarları için:

.htaccess dosyanızın altına aşağıdaki kodu ekleyin.
Yoksa ana dizine oluşturun.

Kod: You are not allowed to view links. Register or Login

ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 86400 seconds"
ExpiresByType application/x-javascript "access plus 86400 seconds"
Bu işe yaramazsa aşağıdakini deneyin:

Kod: You are not allowed to view links. Register or Login

<FilesMatch "\.(ico|pdf|jpg|jpeg|png|gif|html|htm|xml|txt|xsl)$">
Header set Cache-Control "max-age=31536050"
</FilesMatch>