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

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11650
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Site Açılış Hızını Arttırma Yöntemleri
« : 17 Ocak 2014, 23:21:19 »
Ç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.

[img]http://www.uyanangenclik.com/gallery/1_30_01_14_8_54_20.png[/img]

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

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

[url=https://csscompressor.com/]Tıklayın[/url]
Bu adreste css dosyanızı sıkıştırın ve yeniden kaydedin.

JavaScript Dosyalarını Sıkıştırmak için [url=http://www.uyanangenclik.com/index.php/topic,39925.0.html]Tıklayın[/url]
Bu adreste JavaScript dosyanızı sıkıştırın ve yeniden kaydedin.

Baya bir faydası olacaktır.

[b]Mobile CSS:[/b]

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

En altına ekle:
[code]<br />
@media screen and (max-width: 800px) {<br />
  .mobile {<br />
      display:none;<br />
      #content {<br />
      width: 100%;<br />
  }<br />
}<br />[/code]

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.

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

[code]<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />[/code]

index.css de en alta ekle
[code]@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;}
}[/code]

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11650
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Site Açılış Hızını Arttırma Yöntemleri
« Yanıtla #1 : 18 Ocak 2014, 15:12:17 »
Leverage browser caching ayarları için:

[color=red][b].htaccess[/b][/color] dosyanızın altına aşağıdaki kodu ekleyin.
Yoksa ana dizine oluşturun.

[code]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"[/code]

Bu işe yaramazsa aşağıdakini deneyin:

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