Jakiś czas temu opisywałem nowy plugin do Visual Studio 2010 – Image Optimizer. Wspomniałem w nim, że ułatwia on osadzanie obrazów jako string base64 i dzisiaj chciałbym ten temat rozwinąć.
Standardowo chcąc wyświetlić obraz na stronie www musimy podać jego adres:
url('images/img01.jpg')
Obrazy (grafiki) są nieodzownym elementem praktycznie każdej strony internetowej. Niestety bardzo często oprócz upiększania naszej strony, obrazy zwiększają czas jej ładowania. Dzieje się tak oczywiście z powodu zbyt dużych rozmiarów zastosowanych grafik. Na szczęście istnieje wiele aplikacji, mniej lub bardziej skomplikowanych, umożliwiających optymalizację obrazów.
Dzisiaj chciałbym przedstawić dodatek do Visual Studio 2010, który maksymalnie ułatwia ten proces. Jest nim Image Optimizer.
Mam nadzieję, że już wszyscy wiedzą, ale na wszelki wypadek i ja o tym wspomnę - we Wrocławiu reaktywuje się grupa .NETowa – wroc.net 
Grupa wroc.net jest społecznością skupiającą przede wszystkim pasjonatów technologii .NET, jednak każdy jest mile widziany. W ramach swojej działalności Grupa organizuje bezpłatne spotkania. Aktualnie we Wrocławiu odbywają się one co miesiąc w trzeci wtorek miesiąca. Na spotkaniu każdy(!) może zaproponować temat i poprowadzić sesję. Jest to wspaniała okazja do doskonalenia i nauki prowadzenia prezentacji.
Uczestnictwo w Grupie jest doskonałą okazją do zawarcia ciekawych znajomości oraz wymiany wiedzy i doświadczeń.
Na najbliższym spotkaniu, 16 marca, będę miał okazję poprowadzić prezentację o optymalizacji aplikacji .NETowych z wykorzystaniem pakietu .NET Bundle firmy RedGate.
Więcej informacji o spotkaniu oraz formularz do rejestracji znajduje się na stronie grupy.
Jeżeli nie mieszkasz we Wrocławiu i nie masz możliwości uczestniczyć w jej spotkaniach, a podoba Ci się ta idea, to sprawdź na stronie ms groups czy w Twoim mieście/okolicy taka grupa istnieje.
Przeglądając źródła różnych stron www (HTML) często można znaleźć taki kod:
<span class="bigHeader">Mój Nagłówek</span> <span class="newsTitle">Mój News</span>
W ten sposób za pomocą CSS ustalamy wygląd nagłówków, tytułów artykłów, newsów, itp. Np. na codeguru.pl każdy news na stronie głównej wygląda tak:
<a class="bigWindowTitleLinked" title="tytuł" href='/url.aspx'>News</a>
Jednak pod względem optymalizacji SEO dużo lepszym rozwiązaniem jest stosowanie nagłówków <h1>, <h2>, <h3>, itd. W ten sposób określamy ważność tekstu na stronie (<h1> jest ważniejszy od <h2>). Dla podanych przykładów wyglądałoby to tak:
<h2>Mój Nagłówek</h2> <h2>Mój News</h2>
Składnia prostsza, krótsza i lepiej interpretowana przez wyszukiwarki.
A dlaczego <h2> a nie <h1>? Wszystko zależy od tego, jak chcemy ustalić hierachię informacji na stronie. Jestem zwolennikiem stosowania nagłówka dla nazwy strony np.:
<h1>Mój portal</h1>
Zmiana class=”bigHeader” na nagłówki trudna nie jest , a zyskujemy bardzo dużo na jakości kodu w „oczach” przeglądarek.
Otrzymuj nowe wpisy przez RSS!
