How to Leverage browser caching? O co w tym chodzi i jak temu zaradzić? Co to jest?

Leave a reply

Testując sobie różne stronki klientów, używam narzędzia Google Page Speed Test które instaluje się ze stronki google:
http://code.google.com/intl/pl/speed/page-speed/download.html jako dodatek do firefoxa.

Często (niemal zawsze) otrzymuje komunikat Leverage browser caching zastanawiałem się oco kaman a odpowiedź jest bardzo prosta, o ile nie mamy jeszcze pliku .htaccess (większość cms’ów i nie tylko używa to do mod_rewrite czyli do przyjaznych linków) tworzymy takowy.

w pliku umieszczamy takie coś:

Header unset Pragma
FileETag None
Header unset ETag 

# 7 Dni

<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>
Header set Cache-Control “max-age=604800, public”
</FilesMatch>

FilesMatch – określa jakie pliki (czytaj z jakimi rozszerzeniami) chcemy cache’ować
max age określa nam czas (w sekundach) po jakim cache się będzie czyścił w przeglądarce użytkownika

+ strona przyspiesza o około 4 do 8 pkt w Page Speed (w zależlości od ilości plików), no i ludzie nie zaciągają za każdym razem tych plików bo mają je na swoim kompie
– google nie uznaje cache’owania mniejszego niż 7 dni (jak w przykładzie) więc zmiana tego na np dwa dni (172800sek) nic nie da jeśli chodzi o wynik w Page Speed
– jak edytujesz stronę lepiej to za komentować bo tak to trzeba co chwile usuwać cache lub historie w przeglądarce (strasznie uciążliwe)
– nie wiem jak to ustawić na serwerze ISS

Jak ustawić DIV’y obok siebie?

Leave a reply

pomiędzy znacznikami <body></body>

<div id=”div_lewy”>lewy</div>
<div id=”div_srodkowy”>srodek</div>
<div id=”div_prawy”>prawy</div>
<div class=”czysc”></div>

pomiędzy znacznikami <head></head>

<style type=”text/css”>
#div_lewy{
height:200px; /*deklarujemy rozmiar (wysokość – nie musimy) */
width:200px; /*deklarujemy rozmiar (szerokość – nie musimy) */
background-color:#FF0000; /*deklarujemy kolor tła by zobaczyć oco kaman (kolor czerwony) – nie musimy */
float:left; /* i to sprawia że div wyświetla się jeden obok drugiego przyciągają się do lewej można do prawej – right */
}
#div_srodkowy{
height:200px; /*deklarujemy rozmiar (wysokość – nie musimy) */
width:200px; /*deklarujemy rozmiar (szerokość – nie musimy) */
background-color:#00FF00; /*deklarujemy kolor tła by zobaczyć oco kaman (kolor zielony) – nie musimy */
float:left; /* i to sprawia że div wyświetla się jeden obok drugiego przyciągają się do lewej można do prawej – right */
}
#div_prawy{
height:200px; /*deklarujemy rozmiar (wysokość – nie musimy) */
width:200px; /*deklarujemy rozmiar (szerokość – nie musimy) */
background-color:#0000FF; /*deklarujemy kolor tła by zobaczyć oco kaman (kolor niebieski) – nie musimy */
float:left; /* i to sprawia że div wyświetla się jeden obok drugiego przyciągają się do lewej można do prawej – right */
}
.czysc{
clear:both; /* czyści nam powyższe ustawinia i nie przyciągnie do siebie już następnego <div>’a */
}
</style>

czemu używamy id i class?
id – jest to unikatowy znaczni i może wystąpić tylko jeden taki sam w kodzie jak się powieli Validator wyrzuci błąd; id wywołujemy znacznikiem #
class – tą samą deklaracje mozna używać wielokrotnie nie spowoduje wyświetlania się błędu; class wywołujemy znacznikiem “.”

Vmware error – “Setup cannot continue. The Microsoft Runtime DLL installer failed to complete installation.”

Leave a reply

Kupiłem nowego lapka Sony Vaio z toną softu od sony (czytaj tona śmieci), chciałem jak zawsze postawić sobie Vmware Serwer 2 i przy instalacji otrzymuje komunikat:

Setup cannot continue. The Microsoft Runtime DLL installer failed to complete installation.

Sprawdzamw  biosie ustawienia vitrualizacji są na ON – nadal nie działa, doczytałem że problem może tkwić w Microsoft Visual C++ a własciwie w starych instalkach sprawdzam rzeczywiście mam 2005 odinstalowuje wszystkie paczki sztuk 6 i ściągam nowe pod win 7 64bit z stronki microsoftu <<<tu>>>

po usunięciu staroci i zainstalowaniu nowych paczek Microsoft Visual C++ działa 😉

Cenne polecenia w linuksie, jak wyszukać duże pliki na dysku/

Leave a reply

Jak wyszukać duże pliki na serwerze, gdy urzytkownicy niedlabe wrzucają śmieci a póżniej zostają na dyskach i tylko zajmują miejsce, ano tak:

find . -size +20000k -exec du -h {} \;

gdzie 20000k jest rozmiarem -> wyszukuje wszystkie pliki większe niż 20000kB

dostajemy piękny listing z rozmiarem i lokalizacją, jak chcemy wyszukać tylko w danym katalogu należy się tam udać czyli np.
cd /home/twoj_user/jakis_katalog/   (enter)
find . -size +20000k -exec du -h {} \;    (enter)

Ekg2

Leave a reply

Po latach nieużywania przypomniało mi się o gg w konsolowej odmianie czyli EKG2. po pobraniu nowego pakietu i odpaleniu go na serwerku który był instalowany strikto pod www Ekg2 wywaliło error:

No UI-PLUGIN!

UI-plugin to User Interface czyli po prostu interfejs ncurses wkompilowanego.
trzeba więc dograć brakującą biblioteczkę apt-get install libncurses5-dev
i jeszcze raz prze kompilować ekg2 i działa 😉

Facebook friendly links

Leave a reply

Czyli jak nadać własnej stronie na facebooku przyjazną nazwę?

Wymagania:
– trzeba być zalogowanym
– trzeba mieć minimum 25 znajomych zarówno w profilu zwykłego użytkownika jak i w profilu “strony”

Co trzeba zrobić? Nie ma nic prostszego wystarczy udać się  na stronkę www.facebook.com/username wybrać profil (jeżeli ma się więcej niż jeden np. strony firmowe itp.) dostaniemy tam przykłady jakie możemy wybrać lub wpisać własną propozycję, no i tyle.

IALA – System Oznakowania Nawigacyjnego

Leave a reply

Patrząc po statystykach strony internetowej Akademii Morskiej w Szczecinie wiele osób wyszukuje mojego programu Animacja Systemu Oznakowania Nawigacyjnego IALA więc postanowiłem go odświeżyć i udostępnić poprzez www a nie jak było poprzednio przez pobieranie i odpalanie z dysku, wszystkich tych co poszukują go proszę:

IALA – System Oznakowania Nawigacyjnego iala.bp8.pl

Jest to program dydaktyczny “Animacja systemu nawigacyjnego IALA” międzynarodowego systemu stosowanego do oznaczania szlaków żeglownych, zarówno na akwenach otwartych jak i zamkniętych, morskich jaki i śródlądowych. Wyjaśnia sposób oznaczenia oznakowania bocznego, kardynalnego, znaków specjalnych, znaków odosobnionego niebezpieczeństwa, znaków wody bezpiecznej. W programie możliwość jest również zaznajomienia się z oznakowaniem w.w. oznakowania na mapach jak i rozszyfrowania symboli świetlnych zamieszczonych na tymże oznakowaniu.

Program daje możliwość nauki poprzez testy w których zawarte jest 100 pytań z wiedzy czerpanej z części teoretycznej.

Program wykonał Piotrowski Bartosz w 2006 (obecnie po faceliftingu w 2010) pod nadzorem merytorycznym mgr inż. st. of. pokł. Jadwigi Grzeszak

adres do strony www.iala.bp8.pl

Zapraszam do zapoznania się z następnym programem i symulatorem systemu AIS (stosowany na dużych jednostkach) Automatic Identyfication System www.ais.bp8.pl

pozdr.
bartek

Instalacja serwera www (Debian, ISPConfig, Apache2, Mysql, Pureftpd, Postfix, Coutier, Quota, phpMyAdmin, rkhunter, binutils, amavisd, SpamAssassin, ClamAV itp.itd.) część no.1

Leave a reply

No to zaczynamy: test

Instalacja serwera www (Debian, ISPConfig, Apache2, Mysql, Pureftpd, Postfix, Coutier, Quota, phpMyAdmin, rkhunter, binutils, amavisd, SpamAssassin, ClamAV itp.itd.) część no.1

Instalacja serwera www (Debian, ISPConfig, Apache2, Mysql, Pureftpd, Postfix, Coutier, Quota, phpMyAdmin, rkhunter, binutils, amavisd, SpamAssassin, ClamAV itp.itd.) część no.1 Instalacja serwera www (Debian, ISPConfig, Apache2, Mysql, Pureftpd, Postfix, Coutier, Quota, phpMyAdmin, rkhunter, binutils, amavisd, SpamAssassin, ClamAV itp.itd.) część no.1

Continue reading →