Roman Fov

//div[@class='div' and contains(., 'Div')]

там проблема у вас в самом начале запроса
А именно задесь:
//div[not(contains(@style, 'none'))]

Этим хотели отсечь скрытые .bx_slider_conteiner, но по факту выбирает не их, а .bx_slide
Отсюда и вся эта песня

Оно?
https://codepen.io/Roman-Fov/pen/hEluv

Если таблица нормальная (не перевёрнутая или ещё какая фигня), то попробуйте так

//div[@class="spec"]//table/tbody/tr/td[1]
//div[@class="spec"]//table/tbody/tr/td[2]

Подойдёт?

//span[@itemprop="description"]
//span[@itemprop="description"]/node()

Главная загвоздка в том, что я не понимаю, как потребовать все элементы внутри родительского дива вместе с html тегами, а элементы внутри pre без html тегов.

<div>
	<p>lorem<span>1</span></p>
	<p>lorem<span>2</span></p>
	<pre>
		test <span>t</span><span>e</span><span>x</span><span>t</span>
	</pre>
</div>

<p> с тегами:
/div/p
Выдаст:

'<p>lorem<span>1</span></p>'
'<p>lorem<span>2</span></p>'

Текст из <pre> без тегов:
/div/pre//text()
Выдаст:

'test '
't'
'e'
'x'
't'
''

Немного не по теме: чтоб убрать пикселизацию этих дивов в хроме (как на упомянутом вами сайте) используйте -webkit-backface-visibility: hidden;

Да, bootstrap пожалуй избыточен. Но после того, как я открыл для себя uncss я перестал беспокоиться об этой теме. Оно вырезает всё, что не надо
Сейчас, в процессе разработки, мой css весит 350кб, после uncss, mqpacker и минификации он весит 32кб. Такие дела.
ЗЫ Будьте осторожны с js компонентами bootstrap. Их стили постоянно обрезаются и приходиться добавлять их в ignore.

И да, картинки грузят гораздо значительнее.