Archives

Autore: Andrea (Xlogic.org)

Andrea (Xlogic.org) Leave a comment Coding, Blogging

Le migliori risorse per gli sviluppatori – Gennaio 2018

Le migliori risorse per gli sviluppatori – Gennaio 2018 – Ci sono stati moltissimi progressi in questi ultimi anni, ad oggi sono presenti sul mercato nuovi metodi, strumenti che hanno cambiato il modo di operare, per esempio esiste un nuovo modo di costruire i siti web, ci riferiamo a DOM (Document object model), un modello ad albero che definisce la struttura di un sito web.

Utilizzare DOM potrebbe essere un operazione costosa, quindi in questo articolo ti forniremo gli strumenti e le librerie che permetteranno l’implementazione di VirtualDOM.

Mithrill

Mithrill è una potente libreria JavaScript che oltre a VirtualDOM e Components è dotato di Routing ed XHR con cui è possibile creare applicazioni web senza fare affidamento su altre librerie.

RiotJS

RiotJS è una soluzione più semplice da apprendere per i principianti in quanto consente di definire un componente personalizzato con l’elemento e gli attribuiti HTML mentre la maggior parte delle librerie impone di utilizzare la pura sintassi Javascript.

Ractive.js

Ractive.js è una libreria UI basata su modelli utilizzati per creare applicazioni web altamente interattive; Ractive è progettato per funzionare su Browser e su dispositivi Mobile.

Ractive include anche molte funzionalità necessarie per le moderne applicazioni web come ad esempio CSS Scoped, SVG, animazioni e componenti personalizzati.

 

WordPressify

Questo pacchetto consente di ottenere in pochi minuti un ambiente di sviluppo WordPress attivo e funzionante; di Default è stato configurato con strumenti moderni come Gulp, LiveReload, Babel, PostCSS.

Re-Dom

Re-Dom è una tra le migliori librerie in circolazione, con soli 2KB potrai creare una pagina web di Rendering con componenti HTML personalizzati.

MaquetteJS

MaquetteJS è un’implementazione di VirtualDOM che permette di creare un’interfaccia utente fluida che viene aggiornata con i dati che la circondano, in pratica è una libreria JavaScript non aperta, ciò significa che sarà possibile utilizzarla insieme ad un linguaggio come Typescript, Coffescript e JSX.

 

 

Andrea (Xlogic.org) 1 Comment News da Xlogic, Performance e sicurezza, Wordpress

Nuove funzionalità per il Plugin LSCache di Litespeed per WordPress

Nuove funzionalità per il Plugin LSCache di Litespeed per WordPress – In tutti i Server di Xlogic viene utilizzato Litespeed, un webserver   alternativo ad Apache ma migliore in termini di prestazioni, affidabilità e sicurezza.

LSCache permette di aggiungere in Cache le pagine del sito web aumentando la velocità di apertura delle pagine di circa il 50%.

Per ottenere maggiori informazioni puoi seguire questa guida:

In tutti i siti WordPress viene installato automaticamente il plugin LSCache dal nostro sistema mentre è anche possibile installare il plugin nei seguenti CMS:

Da poco tempo gli sviluppatori di LSCache hanno implementato il Plugin con diverse funzionalità.

  • Cache Privata
  • Cache del Browser
  • ESI
  • Gruppi vari
  • Ottimizzazione Database
  • Ottimizzazione immagini
  • Lazy Load
  • CDN

Inoltre sono state implementate altre funzionalità, vediamole insieme:

Scorciatoia da tastiera

E’ possibile passare da una scheda all’altra in maniera semplice ed intuitiva | Impostazioni > Litespeed Cache > Settings

Cache Privata

Litespeed Cache è basato sui Tag, il che significa che ogni pagina viene archiviata con un identificatore che consente di eliminarla dalla cache come parte di un sottoinsieme specifico.

Nella Cache pubblica troverai delle pagine che sono le stesse per tutti mentre le Cache private contengono dei contenuti che riguardano solamente un determinato utente specificato dal suo indirizzo IP oppure dall’ID di sessione.

E’ possibile che le pagine del tuo sito web siano state memorizzate nella Cache pubblica ma è meglio che vengano memorizzate nella Cache in modo privato (ciò significa che una copia verrà memorizzata in maniera separata per ogni singolo utente).

Se una pagina contiene dei dati privati è meglio memorizzarla all’interno di una Cache in modo privato e non renderla pubblica.

Accedi su Impostazioni > Litespeed Cache > Settings > Cache ed inserisci nella casella ogni singolo percorso uno ad uno per riga.

Esempio:

Cache pubblica:

visualizzazione/nikon/$ | visualizzazione/nikon/

Cache privata:

visualizzazione/nikon/$ | visualizzazione/nikon/d7100

visualizzazione/nikon/$ | visualizzazione/nikon/d800

Esclusioni

E’ possibile escludere alcune stringhe seguendo questo percorso:

Litespeed Cache > Settings > Excludes

ESI

ESI (Edge Side Includes) è un linguaggio di Markup che ti permette di designare parti della tua pagina dinamica come frammenti separati che poi vengono assemblati per poter creare l’intera pagina.

In pratica ESI ti permette di fare dei buchi in una pagina pubblicamente nascosta e di riempire quei buchi con contenuti in Cache Privata.

Stringhe Query

E’ possibile eliminare gli URL con determinate stringhe di Query dalla Cache; sarò inoltre possibile escludere dalla memorizzazione cache alcuni ruoli degli utenti seguendo questo percorso Litespeed Cache > Settings > Excludes

Caricamento remoto jQuery

Puoi abilitare il caricamento remoto jQuery seguendo questo percorso: Impostazioni > Litespeed Cache > Settings > CDN

Se non stai utilizzando un CDN esterno puoi abilitarlo senza problemi.

Ottimizzazione e messa a punto

All’interno di quest’area sono presenti moltissimi funzionalità che prima erano tutte inserite insieme, ora invece gli sviluppatori di Litespeed hanno deciso di separarle in due gruppi per fare meno confusione:

Ottimizzazione immagini

La funzione di ottimizzazione delle immagini di LSCache è una tra le più recenti e funzionali che sono presenti nel web; scopri come impostarla correttamente per ottimizzare le immagini:

 

Andrea (Xlogic.org) Leave a comment News da Xlogic, Coding

Che cos’è il rel=”noopener” e come rimuoverlo

Che cos’è il rel=”noopener” e come rimuoverlo – Dalla versione di WordPress 4.7.4 in poi è stato inserito di default il nuovo tag rel=”noopener” accanto al tag target=”blank”, in pratica il tag viene automaticamente aggiunto a tutti i link interni ed esterni dal momento in cui vengono aperti in una nuova scheda.

In questo post ti spiegheremo che cos’è esattamente il tag rel=”noopener”, a che cosa serve e nel caso come è possibile rimuoverlo.

Che cos’è il tag rel=”noopener”

Questo tag è stato introdotto per aumentare la sicurezza del sito web, in pratica attraverso il tag rel=”noopener” viene impedito ai link malevoli di assumere il controllo su una scheda aperta.

Gli Hacker possono utilizzare la funzione window.opener Javascript per cambiare il sito web con uno falso e per rubare le informazioni come le credenziali d’accesso (questa funzione viene utilizzata per controllare una finestra genitore, quindi la scheda corrente, utilizzando una finestra secondaria, quindi la scheda appena aperta).

Rel=”noopener” non fa altro che bloccare l’uso dell’oggetto window.opener, quindi se questa funzione non è attiva, l’Hacker non potrà prendere possesso di una scheda attraverso una scheda secondaria.

E’ dannoso rel=”noopener” per i siti?

Questo Tag non è dannoso, molti utenti pensano che rel=”noopener” sostituisca il tag rel=”nofollow” che quindi potrebbe rendere tutti i link interni ed esterni nofollow e questo sarebbe molto negativo in termini SEO, ma non è così, come detto precedentemente, attraverso il tag rel=”noopener” verrà interrotto l’utilizzo dell’oggetto Javascript window.opener.

Differenza dei vari tag

rel=”nofollow”

Questo tag consente ai webmaster di inviare la seguente istruzione ai motori di ricerca:

Non seguire i link presenti in questa pagina o non seguire questo determinato Link

rel=”noopener”

Rel=”noopener” non fa altro che bloccare l’uso dell’oggetto window.opener, quindi se questa funzione non è attiva, l’Hacker non potrà prendere possesso di una scheda attraverso una scheda secondaria.

target=”blank”

L’inserimento di questo tag all’interno di un link permette l’apertura di quest’ultimo in una nuova scheda.

Come rimuovere rel=”noopener”

Non c’è motivo per rimuovere questo tag, non è dannoso, non influisce in termini SEO e non è correlato in alcun modo con gli strumenti di analisi.

Rel=”noopener” protegge semplicemente gli utenti da potenziali collegamenti dannosi che potrebbero dirottare le schede.

Se però hai bisogno di utilizzare la funzione window.opener dovrai rimuovere momentaneamente questo tag, per far questo è necessario inserire il seguente codice all’interno del file function.php:

1
2
3
4
5
recommended.add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Questa è l’unica soluzione per rimuovere il tag, perché nel caso lo rimuovessi manualmente dal codice, verrà aggiunto automaticamente dal momento in cui verrà salvato il file.

Inserendo il codice sopra riportato all’interno del file function.php, verrà impedito a WordPress di aggiungere automaticamente il tag.

Che cos’è il rel=”noopener” e come rimuoverlo – Tuttavia non verranno rimossi i tag aggiunti precedentemente, per rimuovere anche quelli, dovrai procedere manualmente dai Post salvati.

 

Andrea (Xlogic.org) Leave a comment News da Xlogic, Blogging

I migliori tools che ti avvisano se il contenuto di un sito cambia

I migliori tools che ti avvisano se il contenuto di un sito cambia – Mediante questo Post ti elenchiamo i migliori Tools che hanno il compito di avvisarti nel caso fosse presente un cambiamento o aggiornamento del contenuto di un determinato sito web.

Di seguito i migliori strumenti di monitoraggio dei contenuti del sito web:

Change Tower

Utilizzando Change Tower puoi monitorare fino a 3 indirizzi email gratuitamente; è uno strumento basato sul Cloud ed è facilmente accessibile ed è in grado di monitorare i cambiamenti visivi.

Con questo strumento di monitoraggio potrai tenere traccia degli aggiornamenti del codice, delle parole chiave e delle modifiche del sito web.

OnWebChange

Attraverso questo tool è possibile tracciare correttamente una determinata informazione, inoltre è possibile utilizzare la funzione modifica rapporto che permette di condividere un tracker pubblico con chiunque.

VisualPing

Grazie a questo strumento potrai ricevere ogni ora, giorno, settimana oppure mensilmente degli screenshot relativi al cambiamento del contenuto che stai monitorando.

Wachete

Wachete ha anche la funzione di monitorare le pagine protette da password e le pagine dinamiche Javascript; inoltre è anche possibile mantenere traccia delle modifiche sulle pagine che richiedono un click o un input ed è anche possibile monitorare le pagine configurate da altre postazioni.

E’ possibile monitorare gratuitamente fino a 5 pagine, inoltre è possibile tracciare la disponibilità di un sito web e scaricare tutti i dati come foglio di calcolo.

Versionista

L’account gratuito comprende fino a 5 monitoraggi, sebbene non sia così accattivante come ChangeTower o VisualPing offre ugualmente delle potenti funzionalità, per esempio confronta in modo semplice ed intuitivo la differenza tra le versioni multiple di un determinato sito web e memorizza la cronologia delle versioni.

 

 

Andrea (Xlogic.org) 5 Comments News da Xlogic, Blogging, Promozioni

Hosting Promozione 50% – Pasqua 2018

Codice promozionale 50% Hosting Pasqua 2018 – Gentile utente, se sei finito in questa pagina significa che stavi cercando un codice promozionale, se stai leggendo l’articolo tra il 1 Aprile ed il 30 Aprile 2018 ti puoi reputare fortunato!

Perché potrai festeggiare la pasqua insieme a noi! Per tutto il periodo pasquale i piani Hosting di Xlogic costeranno la metà!

Il 50% di sconto verrà applicato sui seguenti piani Hosting:

– Hosting Condiviso (a partire dal piano Lite)
– Hosting Dedicato
– Hosting WordPress
– Hosting Reseller

Inserisci in fase d’ordine il codice sotto riportato, in questo modo potrai usufruire dello sconto del 50% (pagamento annuale) sul servizio Hosting per il primo anno senza obbligo di rinnovo per gli anni successivi:

50EASTER18

Lo sconto Hosting potrà essere utilizzato in fase d’ordine dal giorno 01/04/2018 al giorno 30/04/2018.

Il codice promozionale non può essere utilizzato in questi casi:

  • registrazione / trasferimento / rinnovo dominio
  • acquisto servizi aggiuntivi / opzioni extra
  • upgrade piano successivo

 

Puoi effettuare l’ordine seguendo questa guida:

– Come ordinare Hosting e dominio

 

Festeggia la pasqua con noi! Un augurio speciale!

Il team di Xlogic

____________________________________________________________________________

 

Anche quest’anno per Natale Xlogic offre una promozione imperdibile con uno sconto sui piani Hosting del 30%.

Lo sconto è applicabile sui seguenti servizi:

Hosting Condiviso
Hosting Reseller
Hosting Dedicato
Hosting WordPress

Inserendo il seguente codice in fase d’ordine si otterrà lo sconto:

– 30-christmas-2017 –

 

Per poter acquistare un piano Hosting è possibile seguire questa guida:

Guida per acquistare un piano presso Xlogic.

La promozione scadrà il giorno 06/01/2018. Lo sconto non è applicabile sui Domini, sui servizi e prodotti opzionali e sui rinnovi, la promozione è valida solo per il primo anno.

 

Per maggiori informazioni contatta l’assistenza scrivendo una mail a info@xlogic.org

 

Andrea (Xlogic.org) 1 Comment News da Xlogic, Magento, Performance e sicurezza

LiteMage Cache: la Cache per Magento più potente al mondo

Disponibile sui nostri server LiteMage Cache, la nuova estensione per Magento integra facilmente i files di Magento con il supporto ESI in LiteSpeed, offrendo la più potente cache di Magento al mondo.

Il caching delle pagine è il modo più efficace per aggirare la pesante architettura di Magento e velocizzare le pagine lente, ma le pagine Magento sono notoriamente difficili da memorizzare perché contengono piccoli blocchi di informazioni (come il carrello) che non può essere condivisa tra più utenti.

LiteMage Cache utilizza Edge Side Includes (ESI) per creare buchi nelle pagine in cui le informazioni cambiano da visitatore a visitatore. Il contenuto rimanente viene salvato nella cache. Quando la persona successiva visita la stessa pagina, il contenuto della cache viene servito rapidamente.  LiteMage Cache memorizza nella cache anche i dati per utente in cache private, così intere pagine, anche quelle con più buchi, possono essere assemblate completamente dalla cache.

Con LiteMage, gli utenti Magento possono aumentare notevolmente la quantità di contenuti offerti dalla cache, con il risultato di pagine molto più veloci e un minore utilizzo delle risorse.

Vantaggi

L’uso di LiteMage Cache presenta numerosi vantaggi rispetto ad altre estensioni di memorizzazione nella cache di Magento:

  • Tutto il contenuto può essere assemblato dalla cache, anche per utente, blocchi privati, per migliorare le prestazioni.
  • Vengono richiesti più blocchi in una singola richiesta, riducendo il sovraccarico.
  • Supporto SSL nativo.
  • Estremamente scalabile, gestisce 10.000 di connessioni senza perdere un battito.
  • Le funzionalità extra anti-DDoS integrate proteggono dagli attacchi.

di seguito un Benchmarks:

Prestazioni

Lo schema sotto riportato è un confronto tra l’impostazione di base di Magento che utilizza Nginx+Varnish e LiteSpeed ​​WebServer (LSWS)+LiteMage Cache. Come potrai notare la complessità dello stack Magento si dimezza quando si passa da Nginx+Varnish a LSWS+LiteMage.

Abbiamo ricevuto una risposta molto positiva con LiteMage. Questo perché LiteMage sostituisce completamente Varnish, supporta la stessa configurazione per gli elementi memorizzati nella cache e migliora le prestazioni.

LiteSpeed ​​+ LiteMage supera le prestazioni di Nginx + Varnish, riducendo il carico del server, tagliando l’uso della CPU e eseguendo più transazioni al secondo.

Download LiteMage Cache 

Come installare LiteMage

Di seguito due link della Litespeed che vi aiuteranno nell’installazione di LiteMage:

NB: L’installazione di LiteMage è possibile solo su server Litespeed. E’ possibile installare LiteMage su qualsiasi dei nostri piani Hosting, ovviamente per un sito di produzione è consigliato almeno un piano Hosting Premium o Hosting Dedicato, per configurazioni particolari o siti molto complessi potete contattare il nostro supporto: Assistenza Xlogic.