Fwwll

кроссбраузерно и по простоте - relative top

.b1 {
  color: #fff;
  text-align: center;
  background-color: #00f;
}
.b2 {
  width: 160px;
  height: 90px;
  background-color: #000;
  margin: 0 auto;
  position: relative;
  top: 1em;
}
<div class="b1">
  Lorem
  <div class="b2"></div>
</div>

в ios работает с атрибутом type
<source type="image/webp" srcset="/img.webp">

попробуйте html2canvas

Можно, как вариант, посмотреть в сторону https://comet-server.com

попробуйте другие минификаторы. cssminifier.com например

в HTML

<input type="hidden" id="data" value="<?= json_encode(['a1' => $a1, 'a2' => $a2]) ?>">

в JS
JSON.parse(getElementById('data').value);

Наверно не самое лучшее решение, но плюсов достаточно

https://www.youtube.com/watch?v=h3RLiRaXM_8 - и т.д.

Перепробовал почти все, но XPath пока что лучшее. И по скорости и по удобству, надо только один раз разобраться с синтаксисом

а лишние
?>
не мешают?

сам спросил, сам отвечу

RewriteEngine On
RewriteRule ^([a-zA-Z0-9_-]+)\.html$ ./pages/$1\.html