Etiqueta: Web

Para aceptar en un input box tan sólo ciertos caracteres (evitando caracteres especiales), una manera sencilla es usando una expresión regular: /([a-z0-9áéíóúñü_-]+ *)+/i , que acepta grupos de palabras formadas por caracteres, números, acentos, ñ, guión, guión bajo y espacios, con el modificador i=case insentitive (acepta mayúsculas y minúsculas).

Se trata en el evento onkeyup del input html de que el valor del input sea siempre el match de esa expresión regular:

html:

<input type="text" onkeyup="checkInput(event);">

javascript:

function checkInput(event){
    const pattern = new RegExp(/([a-z0-9áéíóúñü_\-]+ *)+/i);
    let currentValue = event.target.value;
    if (pattern.test(currentValue)){
        let validValue = currentValue.match(pattern)[0];
        event.target.value = validValue;
    } else { //evitar cadenas con caracteres inválidos únicamente
        event.target.value = '';
    }
}

Simplemente se sobrescribe el valor del input con el primer match de la expresión regular, permitiéndonos avanzar según vamos cumpliéndola.

– Javascript Input text solo aceptar caracteres no especiales

Para analizar respuesta y carga de una Web:
http://tools.pingdom.com/fpt

Google también proporciona un análisis muy detallado con consejos:
https://developers.google.com/speed/pagespeed/insights

Comprobar si gzip está activado y funcionando en el servidor:
http://checkgzipcompression.com/
Activar gzip (en realidad es zlib) en 1&1:
1) incluir  un .htaccess en la carpeta raíz del sitio web con lo siguiente:AddType x-mapp-php6 .html .htm .php
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteBase /
RewriteOptions Inherit
ReWriteCond %{HTTP:accept-encoding} (gzip.*)
ReWriteCond %{REQUEST_FILENAME} !.+\.gz$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.+) $1.gz [QSA,L]
</IfModule>

2) incluir  un php.ini en la carpeta raíz del sitio web con lo siguiente:
zlib.output_compression =1
zlib.output_compression_level =9
3) podemos comprobar comprimiendo los archivos .css con gzip en el servidor y viendo como además los html y php se descargan comprimidos (poco tamaño) p. ej. con F12 en el navegador, pestaña Red

– Herramientas para optimización WEB
1 of 2
12