{"id":121,"date":"2009-02-24T20:41:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=121"},"modified":"2009-02-24T20:41:00","modified_gmt":"1970-01-01T00:00:00","slug":"asp-net-viewstate-icerigini-sikistirmak","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2009\/02\/24\/asp-net-viewstate-icerigini-sikistirmak\/","title":{"rendered":"ASP.NET ViewState I\u00e7erigini Sikistirmak"},"content":{"rendered":"

ViewState verileri sayfa içerisinde Hidden fieldlerde tutmamiza olanak saglayan bir yapidir. ViewState içerisinde tutulan bilgiler sunucudan istemciye gönderilir ve ayni yolla yeniden sunucuya yüklenir. ViewStateler içerisindeki veriler Sessionlardan farkli olarak sunucuda saklanmazlar.  <\/span>Her seferinde istemciye gönderilerek ag trafigini arttirdiklari gibi sayfa boyutlarini da büyütürler. ViewState içerisindeki bilgiler güvenlik sebebi ile sifrelenerek saklanir. Bir web sayfasi açip, sayfayi sag tikladiktan sonra kaynagi görüntüler derseniz sayfa içerisinde bulunan sifrelenmis ViewState verisini görebilirsiniz.<\/span><\/p>\n

.<\/a><\/p>\n

ViewState hakkinda daha fazla bilgi için daha önce yayinladigim State Management ve View State<\/a> isimli makaleye göz atmanizi tavsiye ederim.<\/span><\/span><\/p>\n

Sayfa içerisindeki ViewState asagidaki gibidir.<\/span><\/p>\n

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="hW0f8wh7e+CFHZeGS3F2wM\/sLI0kd\/u\/LN9HyCbtEcqlTf1hpGuxs8Ii8WY5fHtv4AGWCqnLbfHC\/J8q
\n0W592ll2+N+uGJTB4+\/9eNBWBnJfaPJeUY1LgexBQ3jrWHYaMN\/29VLnTExTCksHUzuKd57kVM4Cf3aajR4
\nCldwfkTCuUXiJufnsCq0YRFsn\/R8t2Bb2fj\/WDL6vXhFL7oXIgZgVDQ5btz\/RmW9xVQo52enK0RfgKzB55EDnL
\n+JbDH725M4zBikQIbd00IgUdmCsaECn+xlD1s683NWYoAyx1hqkrR0445onKJf4YlmTtTXF5mINvdOleSxyy
\nEIR8IJf6hKY53oDfxMBlXDpof24FhmZPMazcKU8AsK4ZV8N6rVH3Uez+FAd+qZDdM9dMtRx7fliGigYHwjYV6
\nwGVlp6pC0PdIKe9o6W87FEoFumA317hBB3Ym50FbqmpKMUzFa2FVM1mWkB1oIfovB\/r\/k+VTvym8249B6
\n7dxJNFW8pPcyFzVXKVXWYQDHFDa6mXuAHE+69zkIpYIUmAKZFaQJuIhLbA0S0CssdxCGk4MKCCZzDZFU
\nsOroc5lMG\/e6RDFFuRUMRL977NVnE90B6lnVSauQIRFb7ZWfnOu\/xwjkWe7dkJMF7lyH26ljCyIeUrhel9J7rt+i
\nyCrUP062Olz+XScXfdsuM3QbMIjCeFSbv6UlbUgZJrhUvMVAezS2lmD2BvYbZTYFdUB8vw5Oc0axFK3Q2kH
\nGSYUTILiwKOSSGC1NkIwAcnUo94EdgFuMFPUYhHawD6XGIlR5iCznarmhU3UbjtUcaMm9S3HRiRrWFixjEBd
\n1zwwqcaDBIr24Lfe5eOuNvAtl9UFndgOwoYtDvp8TTfuZ4cxU961c9pcQXhwIZ424ir7BJV+P5OPq6xS\/xgCRW
\n\/pXa6fXAUvGxglxydPyByB5ou1QKKnMkfFeKxvcvOgSaCTQOW9RugNo3HV4Z5GrHcCdABr9\/71JaOtvgan142
\nuEh6r6pAbTwhf71aA8fu0DGvMAdZ2cgibxL4WhKSRWV2jiUjlkrurWMU+vxaOwTwva60PkaLPkJJvBkyN6xH0Bs
\nJW7ymEzSbdFS+yHzX3gdqj4BcZ3SlnY2zKAk9Sn9FW3JZRfCvVmoxwXgyErs4UVDEJXKdZjjQcLE5hu\/yDkOsT
\nCydkgRBEq1YkSIBKKKK3r3YzHiU7hypue+pYFCjocYPE4u9zUEsrC8SU8j1FGwLXoabxQZGvoVVe0Hu6\/qPYG
\nSbCkokGly8r2ikieyOeChKSoOGkNdBgEF2jY5YNojJBurrWQx9u6Yl9n8cxhCNjjZsnBACz7SDShai0I+APUgpU8
\n<\/span>FUcKDVipj2g8\/QvDeyYB9Od9c9SqRlBiTUuoBQG09\/eK9b8kN9OgWDiKYTxR9jDx6+VEO2SYCLprVyvT4do4t<\/span>……<\/span><\/p>\n

Yukarida bir parçasini gördügünüz ViewState verisi sayfa her postback oldugunda sunucuya gider. Sunucu bu veriyi çözümleyerek gerekli bilgileri aldiktan sonra güncelleyerek yeniden sayfaya içerisine yerlestirir ve istemciye gönderir. Sayfa boyutunu büyütmesi ve sunucu trafigini arttirmasi viewstatelerin dezavantajlarindan sayilabilir. Simdi gelelim bu dezavantaji nasil bir nebze giderebilecegimize. <\/span><\/p>\n

.<\/a><\/p>\n

ViewState verisini Sikistirmak<\/span><\/strong><\/p>\n

ViewStateler üzerinde web browser herhangi bir islem yapmazlar. ViewStateler içerisindeki bilgileri sunucu kullanmaktadir. Öyleyse ViewState olusturulurken bu bilgiyi sikistirarak sayfaya yerlestirirsek bir nebze boyuttan kazanmis oluruz. Sunucu ViewState den okuma yapacagi zamanda sikismis veriyi yeniden açarak üzerinde islem yapabiliriz. Simdi gelelim bunu nasil yapabilecegimize.<\/span><\/p>\n

Web projemize Mengene<\/strong> adinda bir class ekleyelim ve bu classi App_Code<\/strong> içerisine yerlestirelim. Mengene classi içerisine asagidaki kodu ekleyelim.<\/span><\/p>\n

public<\/span> static<\/span> class<\/span> Mengene<\/span> {<\/span><\/p>\n

 <\/span><\/p>\n

  <\/span>public<\/span> static<\/span> byte<\/span>[] Compress(byte<\/span>[] veri)<\/span><\/p>\n

  <\/span>{<\/span><\/p>\n

    <\/span>MemoryStream<\/span> output = new<\/span> MemoryStream<\/span>();<\/span><\/p>\n

    <\/span>GZipStream<\/span> gzip = new<\/span> GZipStream<\/span>(output,CompressionMode<\/span>.Compress, true<\/span>);<\/span><\/p>\n

    <\/span>gzip.Write(veri, 0, veri.Length);<\/span><\/p>\n

    <\/span>gzip.Close();<\/span><\/p>\n

    <\/span>return<\/span> output.ToArray();<\/span><\/p>\n

  <\/span>}<\/span><\/p>\n

 <\/span><\/p>\n

  <\/span>public<\/span> static<\/span> byte<\/span>[] Decompress(byte<\/span>[] veri) {<\/span><\/p>\n

    <\/span>MemoryStream<\/span> input = new<\/span> MemoryStream<\/span>();<\/span><\/p>\n

    <\/span>input.Write(veri, 0, veri.Length);<\/span><\/p>\n

    <\/span>input.Position = 0;<\/span><\/p>\n

    <\/span>GZipStream<\/span> gzip = new<\/span> GZipStream<\/span>(input,CompressionMode<\/span>.Decompress, true<\/span>);<\/span><\/p>\n

    <\/span>MemoryStream<\/span> output = new<\/span> MemoryStream<\/span>();<\/span><\/p>\n

    <\/span>byte<\/span>[] buffer = new<\/span> byte<\/span>[64];<\/span><\/p>\n

    <\/span>int<\/span> read = -1;<\/span><\/p>\n

    <\/span>read = gzip.Read(buffer, 0, buffer.Length);<\/span><\/p>\n

    <\/span>while<\/span>(read > 0) {<\/span><\/p>\n

      <\/span>output.Write(buffer, 0, read);<\/span><\/p>\n

      <\/span>read = gzip.Read(buffer, 0, buffer.Length);<\/span><\/p>\n

    <\/span>}<\/span><\/p>\n

    <\/span>gzip.Close();<\/span><\/p>\n

    <\/span>return<\/span> output.ToArray();<\/span><\/p>\n

  <\/span>}<\/span><\/p>\n

}<\/span><\/p>\n

         <\/span>Yukaridaki kodu inceleyecek olursak Compress fonksiyonu Framework ile gelen GZip nesnesini kullanarak gönderdigimiz veriyi sikistirir. Decompress ise ayni islemin tersini yapar. Simdi gelelim bu islemi sayfamizda nasil kullanacagimiza.<\/span><\/p>\n

         <\/span>Sikistirma yapmak istedigimiz sayfaya ait kod kismina gelelim ve asagidaki kodu yazalim. Asagidaki islemi Masterpage içerisinde yapacak olursaniz <\/span>SavePageStateToPersistenceMedium, LoadPageStateFromPersistenceMedium <\/span>metotlari için hata alacaksiniz. Bu yüzden masterpage içerisinde degil sayfanin kendine ait kod kisminda uygulamaniz gerekiyor.<\/span><\/p>\n

\n

protected<\/span> <\/span>override<\/span> <\/span>void<\/span><\/span><\/p>\n

    <\/span>SavePageStateToPersistenceMedium(<\/span>object<\/span> viewState)<\/span><\/span><\/p>\n

{<\/span><\/span><\/p>\n

    <\/span><\/span>LosFormatter<\/span> _formatter = <\/span>new<\/span> <\/span>LosFormatter<\/span>();<\/span><\/span><\/p>\n

    <\/span><\/span>MemoryStream<\/span> ms = <\/span>new<\/span> <\/span>MemoryStream<\/span>();<\/span><\/span><\/p>\n

    <\/span>_formatter.Serialize(ms, viewState);<\/span><\/span><\/p>\n

    <\/span><\/span>byte<\/span>[] viewStateArray = ms.ToArray();<\/span><\/span><\/p>\n

    <\/span><\/span>ClientScriptManager<\/span> clientScript = Page.ClientScript;<\/span><\/span><\/p>\n

    <\/span>clientScript.RegisterHiddenField(<\/span>"__COMPRESSEDVIEWSTATE"<\/span>,<\/span><\/span><\/p>\n

        <\/span><\/span>Convert<\/span>.ToBase64String(<\/span><\/span><\/p>\n

        <\/span><\/span>Mengene<\/span>.Compress(viewStateArray)));<\/span><\/span><\/p>\n

}<\/span><\/span><\/p>\n

protected<\/span> <\/span>override<\/span> <\/span>object<\/span><\/span><\/p>\n

    <\/span>LoadPageStateFromPersistenceMedium()<\/span><\/span><\/p>\n

{<\/span><\/span><\/p>\n

    <\/span><\/span>LosFormatter<\/span> _formatter = <\/span>new<\/span> <\/span>LosFormatter<\/span>();<\/span><\/span><\/p>\n

    <\/span><\/span>string<\/span> vsString = Request.Form[<\/span>"__COMPRESSEDVIEWSTATE"<\/span>];<\/span><\/span><\/p>\n

    <\/span><\/span>byte<\/span>[] bytes = <\/span>Convert<\/span>.FromBase64String(vsString);<\/span><\/span><\/p>\n

    <\/span>bytes = <\/span>Mengene<\/span>.Decompress(bytes);<\/span><\/span><\/p>\n

    <\/span><\/span>return<\/span> _formatter.Deserialize(<\/span><\/span><\/p>\n

     <\/span>   <\/span><\/span>Convert<\/span>.ToBase64String(bytes));<\/span><\/span><\/p>\n

}<\/span><\/span><\/p>\n

 .<\/a><\/p>\n<\/span>         <\/span>Gördügünüz gibi tek yaptigimiz ASP.NET sayfalarina ait iki metotu override etmek ve içerisinden daha önce yazdigimiz Mengene sinifina ait metotlari çagirmak. Hepsi bu kadar. Simdi sayfalariniza ait boyutlara bakacak olursaniz % 10 ile % 50 arasi bir küçülme fark edeceksiniz. Ben yazilim mutfagina ekledim ve ana sayfada %10’luk bir küçülme saglarken Makale okuma sayfasinda % 45’lik bir kazanç sagladim. Hiç de küçümsenecek bir kazanç degil. Helede hosting firmalarina daha fazla trafik için fazladan para ödemek istemiyorsaniz. Peki yaptigimiz bu islemin maliyeti ne? Verileri sikistirmak sayfa boyutunu küçültü dolayisiyla ag trafigimizde o nebze azalmis oldu. Bu sikistirma islemi sirasinda sunucumuzun islemcisine biraz is düsüyor. E bunu da artik hosting firmamiz düsünsün <\/span>J<\/span><\/span>. <\/span><\/p>","protected":false},"excerpt":{"rendered":"

Bu makalemizde ViewState içerigini sikistirarak sayfa boyutlarimizi nasil küçültecegimiz ve ag trafigini nasil azaltacagimizi konusacagiz.<\/p>\n","protected":false},"author":517,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[407],"tags":[5201,5660,6035,5762,4315,4459,6236,5067],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/121"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/517"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/121\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}