Дима Паутов

Вам скрипт работает максимально быстро, как это позволяет браузер!

Замедлять вас могут - это code.jquery.com/jquery-1.8.2.js. Зачем она? Вы её даже не используете в коде.
И думаю вот это:

<link rel="shortcut icon" href="https://cdn0.iconfinder.com/data/icons/star-wars/512/death_star-128.png" type="image/png">
<meta property="og:image"  content="http://mega-mind.info/stories/img/story.jpg" />

А почему не сделать так?

var name = '<?php echo $_GET['name'];  ?>';
var gender = '<?php echo $_GET['gender']; ?>';
var story = '<?php echo $_GET['story']; ?>';

это хотя бы выглядит короче.

Так же у вас пропущен html тег, но это не должно прям пипец как повлиять на скорость!

Ну и самое последнее - это у вас хреновый сервер)))))

bxslider.com
flexslider.woothemes.com/index.html
kenwheeler.github.io/slick

Просто удалять и устанавливать метки раз в n секунд. Вообще глупая затея. Там есть стандартные методы для анимаций!
https://developers.google.com/maps/documentation/j... - кликните на метку!

Раз уж нельзя сделать по человечьи, то я бы лучше сделал это через css!

Просто тупо родителю ссылок даем font-size: 0;, таким образом весь текст вместе с запятой должен пропасть, а потом ссылкам(тегам) указать нужный размер шрифта. И вуаля!

https://www.google.ru/webhp?sourceid=chrome-instan...

Теги header и footer могут использоваться сколь угодно раз! Почитайте спецификацию. Это блоки призваны делать то, что говориться в их названии. Выделять шапку блока, раздела и его подвал.
Например так:

<article id="publ1">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

<article id="publ2">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

<article id="publ3">
<header>
<h1>Заголовок</h1>
</header>

<footer>
<time>21:00-12-12</time>
</footer>
</article>

2е. Как вы думаете, зачем вообще давать атрибут id? id явно указывает уникальность элемента на странице. Здесь дело вкуса, кто хочет, ставит id, кто хочет ставит классы. Лично я всегда ставлю атрибуты id уникальным в коде элементам.

< footer id="footer"> призван дать подушку безопасности для людей с браузерами, не поддерживающими новый стандарт.

Полнейший бред!

helephant.com/2008/07/12/using-javascript-queryselector

Засуньте весь код в функцию и передавайте в ней id формы, либо используйте querySelector.

Вот пример через функцию.

var sendForm = function(f, evt){
	  var http = new XMLHttpRequest(), 
  	f = this;

	 evt.preventDefault();
  
  http.open("POST", "/rabotay_picha.php", true);
  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  http.send("nameFF=" + f.nameFF.value + "&contactFF=" + f.contactFF.value + "&messageFF=" + f.messageFF.value);
  http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
      alert(http.responseText + ', Ваше сообщение получено.\nНаши специалисты ответят Вам в течении 2-х дней.\nБлагодарим за интерес к нашей фирме!');    
      f.messageFF.removeAttribute('value'); // очистить поле сообщения (две строки)
      f.messageFF.value='';
    }
  }
  http.onerror = function() {
    alert('Извините, данные не были переданы');
  }
};

document.getElementById('feedback-form1').addEventListener('submit', function(evt){
    sendForm(this, evt);
}, false);

document.getElementById('feedback-form2').addEventListener('submit', function(evt){
    sendForm(this, evt);
}, false);