Tips på att göra sidan bättre!

Permalänk
Medlem

Tips på att göra sidan bättre!

Hej jag pluggar till att bli bättre på programmering inom PHP/HTML/CSS och javascript och skulle behöva lite tips från er att göra sidan bättre!
Vet ni något bra så är det bara att hojta för som sagt vill lära mig mer!

Min sida: http://noad0801.jbkalmar.com/
den ligger under en subdomän och jag är väl medveten om att url passar inte så bra men eftersom jag har den kopplad till min skolas domän så heter den så!

Angående cachning och komprimering...fungerar detta? :

Header unset ETag
FileETag None

<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/css text/javascript application/x-javascript application/javascript text/x-component text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
</IfModule>

# compress all text and html:
AddOutputFilterByType DEFLATE text/html text/plain text/xml

# Or, compress certain file types by extension:
<Files *.html>
SetOutputFilter DEFLATE
</Files>

<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_URI} /+[^\.]+$
RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [R="301,L"]
</IfModule>

# 480 weeks
<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=290304000, public"
</filesMatch>

# 2 DAYS
<filesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>

# 2 HOURS
<filesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=7200, must-revalidate"
</filesMatch>

Dold text
Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Permalänk
Medlem

- Undvik autoplay på video
- Validera din CSS så får du snabbt översikt över eventuella FEL
- Samma sak med HTML
- HTML5 har ingen <text>-tagg
- Testa sidan i flera webbläsare
- Undvik använda teckensnitt som inte är stora (Algerian) då dessa endast fungerar om besökaren har de installerade
- Sträck inte ut bilder
- Undvik missvisande id-attribut (h1, h2)
- Lägg till mellanrum mellan menyalternativen
- Portfoliot är lösenordsskyddat, inte lönt att länka till.
- Inloggningen går att ta sig förbi på tok för lätt (http://noad0801.jbkalmar.com/portfolio/Photoshop.html)
- Undvik öppna undersidor i nya fönster
- Rättstavningskontroll fungerar på hemsidor med
- Undvik alert() i javascript, speciellt flera gånger på rad (http://noad0801.jbkalmar.com/portfolio/Registrering.html)
- Blanda inte HTML och CSS, då försvinner hela syftet med CSS

Visa signatur
Permalänk
Musikälskare

Kolla på Softnux svar, jag kan lägga till något svara gärna om du har några frågor så ska jag försöka besvara dom ^^

------------------------------------------------------------------------------------------

- Bra addons till Fx för att kontrollera att allt stämmer

Firebug: https://addons.mozilla.org/en-US/firefox/addon/firebug/

- Utvärdera sidans hastighet och konfiguration

yslow: https://addons.mozilla.org/en-US/firefox/addon/yslow/

- Kontrollera din http-header

http://www.webconfs.com/http-header-check.php

- Bra länkar ang compression

http://tutorialajax.com/compress-javascript-with-gzip.html
http://paulstamatiou.com/how-to-optimize-your-css-even-more

------------------------------------------------------------------------------------------

När det kommer till .htaccess filen (apatche)

Detta använder jag (precis börjat med detta så det kan bli lite fel i beskrivningen men jag försöker )

- # Clean URL from .php: URLen blir från www.sida.com/test.php -> www.sida.com/test
- # Remove etags: Förbättrar cachen så att servern slipper jobba och pusha ut statiskt innehåll som inte har ändrats
- # Turn on the Expires engine: cachar filer beroende på filändelsen och sätter olika expire-dates
- # Don't cache: Eftersom mitt projekt jag jobbar med just nu är semi-dynamiskt vill jag inte cacha .php
- # Turn on gzip: Om jag förstår det rätt packas innehåll ner för att sedan packas upp vid ankomst för att dra ner på storleken, en bra sak jag hittade är att safari tycker om .jgz istället för .gz till exempel: js/compress/main.min.js.jgz

# Clean URL from .php RewriteEngine On RewriteRule ^([^.]+)/?$ $1.php?%{QUERY_STRING} [L] # Remove etags Header unset ETag FileETag None # Turn on the Expires engine ExpiresActive On # Expires after a month client accesses the file ExpiresByType image/jpeg A2592000 ExpiresByType image/gif A2592000 ExpiresByType image/png A2592000 ExpiresByType image/x-icon A2592000 ExpiresByType text/plain A2592000 # Good for one week ExpiresByType application/x-javascript M604800 ExpiresByType text/css M604800 ExpiresByType text/html M604800 # Don't cache <FilesMatch "\.(php)$"> ExpiresActive Off </FilesMatch> # Turn on gzip AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript RewriteCond %{HTTP:Accept-Encoding} gzip RewriteCond %{REQUEST_FILENAME}.jgz -f RewriteRule (.*)\.js$ $1\.js.jgz [L] AddType "text/javascript" .js.jgz AddEncoding gzip .jgz # Remove browser bugs BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent

Visa signatur

❀ Monitor: ASUS Swift 27" @ 1440p/165Hz ❀ CPU: Ryzen 7700X ❀ Cooling: Corsair H170i ELITE 420mm ❀ GPU: MSI 3080 Ti SUPRIM X ❀ Memory: Corsair 32GB DDR5 Vengeance ❀ Motherboard: ASUS Crosshair X670E Hero ❀ M.2: Samsung 980 Pro ❀ PSU: Corsair HX1200 ❀ Chassi: Corsair 7000X ❀ Time Spy: 19 340

📷 Mina fotografier
🎧 Vad lyssnar du på just nu?

Permalänk
Medlem
Skrivet av Softnux:

- Undvik autoplay på video
- Validera din CSS så får du snabbt översikt över eventuella FEL
- Samma sak med HTML
- HTML5 har ingen <text>-tagg
- Testa sidan i flera webbläsare
- Undvik använda teckensnitt som inte är stora (Algerian) då dessa endast fungerar om besökaren har de installerade
- Sträck inte ut bilder
- Undvik missvisande id-attribut (h1, h2)
- Lägg till mellanrum mellan menyalternativen
- Portfoliot är lösenordsskyddat, inte lönt att länka till.
- Inloggningen går att ta sig förbi på tok för lätt (http://noad0801.jbkalmar.com/portfolio/Photoshop.html)
- Undvik öppna undersidor i nya fönster
- Rättstavningskontroll fungerar på hemsidor med
- Undvik alert() i javascript, speciellt flera gånger på rad (http://noad0801.jbkalmar.com/portfolio/Registrering.html)
- Blanda inte HTML och CSS, då försvinner hela syftet med CSS

Tack så jättemycket för tipsen!
jag försökte fixa så att man måste vara inloggad när man ska in på php sidorna men problemet är att när jag sätter in php scriptet så vill den ändå redirecta även om jag är inloggad...
såhär är det skrivet:

<?php
session_start();
if(!session_is_registered(myusername)){
header("location:main_login.php");
}
?>

Dold text

jag använder inga javascript till detta utan är direkt uppkopplad via php och mysql.

Jag vet att portfolion är lösenordsskyddad men de är bara för att enbart mina lärare ska se mina uppgifter.

Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Permalänk
Medlem
Skrivet av flashen:

Kolla på Softnux svar, jag kan lägga till något svara gärna om du har några frågor så ska jag försöka besvara dom ^^

------------------------------------------------------------------------------------------

- Bra addons till Fx för att kontrollera att allt stämmer

Firebug: https://addons.mozilla.org/en-US/firefox/addon/firebug/

- Utvärdera sidans hastighet och konfiguration

yslow: https://addons.mozilla.org/en-US/firefox/addon/yslow/

- Kontrollera din http-header

http://www.webconfs.com/http-header-check.php

- Bra länkar ang compression

http://tutorialajax.com/compress-javascript-with-gzip.html
http://paulstamatiou.com/how-to-optimize-your-css-even-more

------------------------------------------------------------------------------------------

När det kommer till .htaccess filen (apatche)

Detta använder jag (precis börjat med detta så det kan bli lite fel i beskrivningen men jag försöker )

- # Clean URL from .php: URLen blir från www.sida.com/test.php -> www.sida.com/test
- # Remove etags: Förbättrar cachen så att servern slipper jobba och pusha ut statiskt innehåll som inte har ändrats
- # Turn on the Expires engine: cachar filer beroende på filändelsen och sätter olika expire-dates
- # Don't cache: Eftersom mitt projekt jag jobbar med just nu är semi-dynamiskt vill jag inte cacha .php
- # Turn on gzip: Om jag förstår det rätt packas innehåll ner för att sedan packas upp vid ankomst för att dra ner på storleken, en bra sak jag hittade är att safari tycker om .jgz istället för .gz till exempel: js/compress/main.min.js.jgz

# Clean URL from .php RewriteEngine On RewriteRule ^([^.]+)/?$ $1.php?%{QUERY_STRING} [L] # Remove etags Header unset ETag FileETag None # Turn on the Expires engine ExpiresActive On # Expires after a month client accesses the file ExpiresByType image/jpeg A2592000 ExpiresByType image/gif A2592000 ExpiresByType image/png A2592000 ExpiresByType image/x-icon A2592000 ExpiresByType text/plain A2592000 # Good for one week ExpiresByType application/x-javascript M604800 ExpiresByType text/css M604800 ExpiresByType text/html M604800 # Don't cache <FilesMatch "\.(php)$"> ExpiresActive Off </FilesMatch> # Turn on gzip AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript RewriteCond %{HTTP:Accept-Encoding} gzip RewriteCond %{REQUEST_FILENAME}.jgz -f RewriteRule (.*)\.js$ $1\.js.jgz [L] AddType "text/javascript" .js.jgz AddEncoding gzip .jgz # Remove browser bugs BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent

Dold text

Tack så mycket för svar flashen!
ehm jag använder webdeveloper för firefox och det fungerar jättebra!
yslow har jag fixat med och där ser sidan ut att fungera jättebra!
problemet är bara att den rekommendera bild sprites eller vad man ska kalla de för men hur ska jag använda sprites exempelvis för mitt javascript slideshow?
- # Clean URL from .php: URLen blir från www.sida.com/test.php -> www.sida.com/test
det såg jättebra ut och kan vara behövligt!
detta såg med bra ut:
# Remove browser bugs

resten ser jag ut att redan använda!

Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Permalänk
Medlem
Skrivet av klotim:

såhär är det skrivet:

<?php
session_start();
if(!session_is_registered(myusername)){
header("location:main_login.php");
}
?>

Dold text

Vet inte om du har fixat det där nu, men ifall du har en ny version (5.4.0) utav PHP så kommer detta kommando ej att fungera då det är borttaget.

Jag skulle ha gjort såhär istället, bör fungera.

session_start(); if (!isset($_SESSION["myusername"])) { header("Location: main_login.php"); }

Permalänk
Medlem
Skrivet av BuruZ:

Vet inte om du har fixat det där nu, men ifall du har en ny version (5.4.0) utav PHP så kommer detta kommando ej att fungera då det är borttaget.

Jag skulle ha gjort såhär istället, bör fungera.

session_start(); if (!isset($_SESSION["myusername"])) { header("Location: main_login.php"); }

Fungerar fortfarande inte konstigt nog...
Den redirectar fortfarande!
men tack ändån !

Visa signatur

Stationär: RTX 4090 OC ASUS | Ryzen 9 5950X | G.Skill Trident Z NEO 3600mhz 32GB | Arctic Liquid Freezer III 360 | Corsair HX1000i | Asus Rog Strix X570-F Gaming | Samsung 990 PRO 2TB | Samsung 980 PRO 2TB | Fractal Design North XL

Jobbdator: MacBook Pro 16" i7 6C, 16GB ram DDR4, AMD Radeon Pro 5300M 4GB

Permalänk
Medlem
Skrivet av klotim:

Fungerar fortfarande inte konstigt nog...
Den redirectar fortfarande!
men tack ändån !

Hur ska det vara?
Vilken sida är det vi pratar om och var har du slängt in koden osv?

Det där ska fungera då jag har använt det själv, så någonstans har du nog gjort fel.
Eller om det är någon konstig konfiguration på servern, men låter konstigt.