Nginx configurare W3TC Browser Cache

wordpress nginx 

Configurare file nginx.conf per W3TC Browser Cache

Migrare da un web server Apache a un web server Nginx, potrebbe complicarci la vita?
Direi di no su molti aspetti... ora il nostro file .htaccess non ci serve più, pertanto andiamo a scrivere le nostre richieste all'interno del file nginx.conf .

Nel caso all'interno del nostro Wordpress avessimo caricato il plugin W3 Total Cache non ci resta che scrivere all'interno del nostro nginx.conf le seguenti istruzioni:

# BEGIN W3TC Browser Cache
gzip on;
gzip_types text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint application/x-shockwave-flash image/tiff application/x-font-ttf audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel;
# END W3TC Browser Cache

Come potete vedere abbiamo attivato la compressione gzip.

PhpList Email list management software

phplist Andres Hunger

 

L'importanza di un giusto software email management PhpList

PhpList è uno strumento open source per la gestione di liste di sottoscrizione. È scritto nel
linguaggio di programmazione 'php', ed è utilizzato per diffondere informazioni a un gran numero
di utenti. I destinatari che riceveranno i contenuti sono chiamati Sottoscrittori. I Sottoscrittori sono
membri delle Liste, mentre gli utenti che creano i contenuti da diffondere utilizzando phpList, sono
gli Amministratori. I contenuti inviati tramite e-mail sono noti come Messaggi della Campagna.
Facile da utilizzare e si integra bene su ogni soluzione web, possibile integrazione su Wordpress.

Amministratore

L'amministratore (Admin in breve) è l'utente del sistema che gestisce phpList. E' responsabile della
configurazione, gestione liste, statistiche, invio dei messaggi della campagna, e può usufruire della
piena funzionalità di phpList. Un amministratore ha un login e una password che permette di
accedere alle funzioni amministrative di phpList (aka il backend ). Ci sono due diversi livelli di
amministratore, un SuperAdmin con tutti i diritti e le funzionalità del sistema, e gli amministratori
che gestiscono liste specifiche.
Sottoscrittore (Utente)
phpList supporta un concetto molto flessibile di "appartenenza". I Sottoscrittori sono identificati
principalmente da un indirizzo email registrato nel database di phpList. Ogni indirizzo e-mail
rappresenta un sottoscrittore e ogni sottoscrittore è memorizzato con propri attributi. Cioè, un
sottoscrittore è individuato da un indirizzo email più preferenze specifiche, come ad esempio
"Voglio sempre le email HTML" e, inoltre, tutti gli attributi (nome, indirizzo, professione , ecc )
scelti dall'Amministratore. Gli attributi possono essere liberamente creati dall'Amministratore senza
limiti e un Sottoscrittore può essere membro di più Liste.
Per impostazione predefinita (a meno che l'amministratore approvi manualmente), i Sottoscrittori
non cominciano a ricevere messaggi fino a che confermano la loro adesione (Double Opt-in). Non
appena si iscrive ad una Lista, un Sottoscrittore riceve un messaggio di richiesta di conferma
all'indirizzo email fornito. In questo messaggio sarà presente un link che, una volta cliccato, consente di riconoscere e confermare l'iscrizione alla Lista. La rinuncia alla sottoscrizione di una
Lista (Opt-out), invece, è un processo a singolo step. 

Lista

Una lista ha un titolo e dei sottoscrittori. Il titolo è creato dall'Amministratore e i sottoscrittori si
registrano come scritto al punto precedente. Le Liste hanno Messaggi e Utenti (Sottoscrittori). Le
Liste vengono usate per inviare messaggi dall'Amministratore al Sottoscrittore. Non è un forum di
discussione

Relazione tra Sottoscrittore e Lista

C'è una relazione "molti-a-molti" tra Liste e Sottoscrittori, il che significa che ogni Lista può avere
molti Sottoscrittori, e ogni Sottoscrittore può appartenere a molte Liste. Ciò è evidente in siti che
usano phpList per gestire più liste correlate. I sottoscrittori hanno la possibilità di diventare membri
di una o di tutte o di un gruppo di liste.

Relazione tra Amministratore e Lista

Ogni lista è di proprietà di un solo amministratore, ma ogni amministratore può possedere diverse
liste. Un amministratore non può inviare un messaggio a liste di proprietà di altri amministratori.
Importante: Ogni amministratore può avere accesso solo ai file delle persone che hanno sottoscritto
almeno una tra le liste che amministrano. A differenza degli amministratori, i SuperAdmin hanno
accesso a tutti i sottoscrittori ed a tutte le liste.

Campagna di Messaggi e Modelli

Una Campagna di Messaggi è una singola e-mail (evento) inviata ai Membri/Sottoscrittori di una o più liste. Un Messaggio può utilizzare un Modello o si può inserire il contenuto del messaggio tutto in una volta, inserendo direttamente il codice HTML. In generale, un singolo messaggio viene inviato solo una volta per ciascun sottoscrittore. In altre parole, se un amministratore invia lo stesso messaggio a più elenchi (che condividono gli stessi iscritti), ciascun abbonato in tali liste riceve quel messaggio una sola volta.

Download phpList

 

Fork Open source CMS

Fork Open source CMS

Un piccolo CMS ma dalle grandi potenzialità

Semplice e intuitivo ancora in pieno sviluppo ma non per questo non capace di attirare attenzini!
Perfetto se dovete implementare Template originali ed esigenze di un sito dinamico che possa gestire un blog o delle sezioni news.

Non ancora molto usato ma forse è questo che lo rende molto affasciante, l'installazione e molto semplice necessita della versione minima php 5.5.0 e un db MySql.

La vera forza di Fork Open source CMS che lo rende molto interessante e la gestione delle  multiligue che potete gestire al momento dell'istallazione, ottimo per un piccolo sito internazionale anche e sopratutto dal punto di vista SEO.

Per rendere questo CMS molto interattivo visto la scarsita di estenzioni ci vuole una buona capacità nella programmazione è implementazione di eventuali plugin a mio vedere.

Fork Open source CMS: Link http://www.fork-cms.com/

Salva

Salva

Salva

Salva

Salva

Salva

Salva

Salva

Salva

Salva

Grav un CMS senza Mysql

undefined

Grav CMS semplice in apparenza ma complesso nella struttura.

GRAV è un moderno CMS (Content Management System) Open Source Flat file, un CMS che utilizza file per immagazzinare i dati e non Mysql, molto bello e ben fatto a mio parere.

Grav è un progetto open source ospitato su GitHub, originata da RocketTheme ma reso possibile da una straordinaria comunità di sviluppatori dedicati e utenti.

Molto leggero e sopratutto ricco di templates e plugin fatti molto bene, il core di GRAV è costituito da cartelle e file e sono automaticamente compilati in HTML poi vengono inseriti come cache, per la velocità e la performance di accesso alle pagine.

Occorre un plugin per visualizzare del pannello amministrativo, viene installato durante la pubblicazione del core GRAV, l’interfaccia si presenta come un pannello di gestione facile ed intuitivo.

Quindi conviene scaricare la versione con plugin incorporati, per testare e vedere la potenza e bellezza di questo CMS!

Link: downloads

 

Salva

Google speed & think with Google testing tool

undefined

Google speed & think with Google

Perchè testare il propio sito?
A breve Google integrerà uno Speed test nei risultati di ricerca...scienza o fantascenza?
Già da tempo si sapeva che la vellocità di apertura delle propie pagine web non fosse solo utile a chi naviga...

Grazie a una collaborazione con Measurement Lab, società fondata per monitorare le prestazioni di internet a livello globale, Google potrebbe presto integrare nei risultati di ricerca anche un test della velocità della connessione.

Vedremo cosa succede...

 

Compressione gzip tramite file .htaccess

undefined

Compressione gzip

Una importantissima funzionalità per il nostro sito è la velocita!
Sempre più utenti vogliono tutto e subito, massimo 3 secondi ad apertura poi siamo out!
Ma anche per Google e fonte di posizionamento, più abbiamo una sito web ben strutturato e più potremmo essere ben posizioanti.
(Certo non serve solo quello si deve fare anche molto altro in ottica SEO)

Esistono due funzioni che permettono la compressione gzip tramite .htaccess, noi prenderemo mod_deflate il più attuale.
Il metodo di compresione gzip mod_deflate è possibile solamente su server linux che utilizzano  Apache 2 e superiori.

Il seguente codice attiva la compressione gzip per i contenuti del vostro sito e va inserito all'interno del file htaccess facendo molta attenzione,
un errore potrebbe compromettere la visualizzazione corretta del sito.

# DEFLATE compressione
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# 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
</IfModule >
# FINE DEFLATE

AddOutputFilterByType: indica su quale specifico contenuto e file vogliamo attivare la compressione gzip.

BrowserMatch: specifica le direttive per alcuni browser e/o versioni obsolete per i quali queste impostazioni non sono valide.

Una volta inserito non vi resata di testare il tutto ;-)

 

Salva

meta tag Safari telephone=no

undefined

Meta tags utili per il mobile iPhone / iPod / iPad

I Meta-tag sono dei tag Html volti a fornire informazioni aggiuntive (meta-informazioni) non visibili all’utente ma solo al browser, posso servire non solo per la SEO, ma oggi anche per funzionalità aggiuntive per il mobile.

Nel browser Safari per iOS (iPhone / iPod / iPad) come sappiamo rivela in automatico i numeri di telefono e gli indirizzi e-mail per convertirli in link.

Spesso però questa funzionalità potrebbe procurarci dei problemi e confondere l’utente.
Se non si desidera questa funzione, è necessario utilizzare il seguente meta tag.


Safari (iPhone / iPod / iPad):

<meta name="format-detection" content="telephone=no">

Salva

Meta Tag Open Graph di Facebook

undefined

ll protocollo open graph (ogp.me)

ll protocollo open graph (i dettagli su ogp.me) trasforma qualsiasi pagina web in un oggetto del grafico sociale, con delle informazioni che lo caratterizzano e che permettono a siti come Facebook di personalizzarne la sua visualizzazione quando, ad esempio, viene diffuso sul sito.

Attraverso la configurazione dei “nodi” dell’open graph è possibile ad esempio dire a Facebook qual è il titolo di una pagina web, qual è la descrizione, l’immagine da associare alla pagina, il tipo di contenuto visualizzato, ecc.


<meta property="og:title" content="Open Graph Protocol, Facebook" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.dominio-articolo.com"/>
<meta property="og:image" content="http://www.dominio-articolo.com/miaimmagine.jpg"/>
<meta property="og:site_name" content="Nome del mio Articolo"/>
<meta property="fb:admins" content="5555003294536287"/>
<meta property="fb:app_id" content="966242223397117"/>
<meta property="og:description" content="Descrizione dell'articolo in tutte le sue parti"/>

è molto importante definire fb:admins con il propio Facebook admins, ma per far funzionare corretamentela vostra visualizzazione dovete impostare anche fb:app_id inserendo 966242223397117 codice di defaul se non ne avete creato uno, in fine per testare tutto fate riferimento a questo link:

https://developers.facebook.com/tools/debug/

Salva

novità dall'HTML5 rispetto all'HTML4

HTML5 vs HTML4

Le novità introdotte dall'HTML5 rispetto all'HTML4 sono finalizzate soprattutto a migliorare il disaccoppiamento fra struttura, definita dal markup, caratteristiche di resa (tipo di carattere, colori, eccetera), definite dalle direttive di stile, e contenuti di una pagina web, definiti dal testo vero e proprio. Inoltre l'HTML5 prevede il supporto per la memorizzazione locale di grosse quantità di dati scaricati dal web browser, per consentire l'utilizzo di applicazioni basate su web (come per esempio le caselle di posta di Google o altri servizi analoghi) anche in assenza di collegamento a Internet.

In particolare:

vengono rese più stringenti le regole per la strutturazione del testo in capitoli, paragrafi e sezioni;
vengono introdotti elementi di controllo per i menu di navigazione;
vengono migliorati ed estesi gli elementi di controllo per i moduli elettronici;
vengono introdotti elementi specifici per il controllo di contenuti multimediali (tag <video> e <audio>);
vengono deprecati o eliminati alcuni elementi che hanno dimostrato scarso o nessun utilizzo effettivo;
vengono estesi a tutti i tag una serie di attributi, specialmente quelli finalizzati all'accessibilità, finora previsti solo per alcuni tag;
viene supportato Canvas che permette di utilizzare JavaScript per creare animazioni e grafica bitmap;
introduzione della geolocalizzazione, dovuta ad una forte espansione di sistemi operativi mobili (quali Android e iOS, tra i più diffusi);
sistema alternativo ai normali cookie, chiamato Web Storage, più efficiente, il quale consente un notevole risparmio di banda;
standardizzazione di programmi JavaScript, chiamati Web Workers e possibilità di utilizzare alcuni siti offline;
sostituzione del lungo e complesso doctype, con un semplice <!DOCTYPE html>.

CSS winner Andres Hunger
CSSRELL Andres Hunger
BESTcss Andres Hunger